ALEX宅幹嘛  X  六角學院

五大主題 40 套外褂，帶你榨乾 電腦效能 vSCode 潛能

人在前端漂，外觀就是刀

外觀樣式篇

indent-rainbow

https://marketplace.visualstudio.com/items?itemName=oderwat.indent-rainbow

Bracket Pair Colorizer

https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer

vscode-icons

https://marketplace.visualstudio.com/items?itemName=vscode-icons-team.vscode-icons

Material Icon Theme

https://marketplace.visualstudio.com/items?itemName=PKief.material-icon-theme

Material Theme

https://marketplace.visualstudio.com/items?itemName=Equinusocio.vsc-material-theme

peacock

https://marketplace.visualstudio.com/items?itemName=johnpapa.vscode-peacock

手起刀落，快速鍵起專案落

內容生成篇

Auto Rename Tag

https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag

Auto Close Tag

https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-close-tag

Path Intellisense

https://marketplace.visualstudio.com/items?itemName=christian-kohler.path-intellisense

IntelliSense for CSS, SCSS 

https://marketplace.visualstudio.com/items?itemName=gencer.html-slim-scss-css-class-completion

npm Intellisense

https://marketplace.visualstudio.com/items?itemName=christian-kohler.npm-intellisense

JavaScript (ES6) code snippets

https://marketplace.visualstudio.com/items?itemName=xabikos.JavaScriptSnippets

User Snippet

https://code.visualstudio.com/docs/editor/userdefinedsnippets

專案在走，撇步要有

輔助工具篇

cdnjs

https://marketplace.visualstudio.com/items?itemName=JakeWilson.vscode-cdnjs

Live Server

https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer

Live Sass Compiler

https://marketplace.visualstudio.com/items?itemName=ritwickdey.live-sass

Live Share Extension Pack

https://marketplace.visualstudio.com/items?itemName=MS-vsliveshare.vsliveshare-pack

Node Exec

https://marketplace.visualstudio.com/items?itemName=miramac.vscode-exec-node

Quokka.js

https://marketplace.visualstudio.com/items?itemName=WallabyJs.quokka-vscode

Auto-Open Markdown Preview

https://marketplace.visualstudio.com/items?itemName=hnw.vscode-auto-open-markdown-preview

Markdown Preview Github Styling

https://marketplace.visualstudio.com/items?itemName=bierner.markdown-preview-github-styles

Vetur / 各種語言框架輔助套件

https://marketplace.visualstudio.com/items?itemName=octref.vetur

Project Manager

https://marketplace.visualstudio.com/items?itemName=alefragnani.project-manager

Blueprint - New Files and Folders of Files from Templates

https://marketplace.visualstudio.com/items?itemName=teamchilla.blueprint

無規矩不成方圓，無外掛不能上線

規範限制篇

GitLens

https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens

Git History

https://marketplace.visualstudio.com/items?itemName=donjayamanne.githistory

Code Spell Checker

https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker

Prettier - Code formatter

https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode

ESLint

https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint

Document This

https://marketplace.visualstudio.com/items?itemName=joelday.docthis

CodeMetrics

https://marketplace.visualstudio.com/items?itemName=kisstkondoros.vscode-codemetrics

Alex宅幹嘛 will return

彩蛋番外篇

Gremlins tracker

https://marketplace.visualstudio.com/items?itemName=nhoizey.gremlins

Fira Code （字型）

https://github.com/tonsky/FiraCode

Source Code Pro （字型）

https://github.com/adobe-fonts/source-code-pro/releases/tag/2.030R-ro%2F1.050R-it

CSS Peek / 各種檔案關聯輔助套件

https://marketplace.visualstudio.com/items?itemName=pranaygp.vscode-css-peek

Better Comments

https://marketplace.visualstudio.com/items?itemName=aaron-bond.better-comments

Todo Tree

https://marketplace.visualstudio.com/items?itemName=Gruntfuggly.todo-tree

Polacode

https://marketplace.visualstudio.com/items?itemName=pnp.polacode

Leetcode

https://marketplace.visualstudio.com/items?itemName=shengchen.vscode-leetcode

Settings Sync

https://marketplace.visualstudio.com/items?itemName=Shan.code-settings-sync