Visual Studio Code 套件/ 外掛推薦 整理

一些我常用的 Visual Studio Code 套件/ 外掛。

Visual Studio Code 套件/外掛在哪安裝?

1. 點擊 Visual Studio Code 最左邊導覽行的 [ Extensions ] (紅框1)。
2. 接著在搜尋欄位 (紅框2)，輸入你要安裝的套件/外掛名稱。
3. 最後按套件/外掛名稱下方的 [ install ]，即可安裝囉!

---

Visual Studio Code 套件/外掛推薦 :

# Auto Close Tag

自動閉合HTML/XML標籤

# Auto Rename Tag

自動完成另一側標籤的同步修改

# Beautify

按 [F1]，格式化 html, js, css

# Bracket Pair Colorizer

給程式碼括號加上不同的顏色，便於區分不同的區塊，使用者可以定義不同括號型別和不同顏色

# ESLint

js 語法糾錯，可以自定義配置，不過配置較為複雜，建議使用網上一些廣泛使用的eslint配置

# HTML CSS Support

智慧提示 css class 名以及 id

# HTML Snippets

智慧提示 html 標籤，以及標籤含義

# JavaScript(ES6) code snippets

ES6 語法智慧提示，以及快速輸入，不僅僅支援.js，還支援.ts，.jsx，.tsx，.html，.vue，省去了配置其支援各種包含js程式碼檔案的時間

# Path Intellisense

自動提示檔案路徑，支援各種快速引入檔案

# Autoprefixer

css 自動添加前綴詞

# Vetur

先設定後，按 [ Alt+Shift+F ]，可整理程式碼。

# PHP Intelephense

PHP 語法智能提示

# Emmet

打簡短程式，按 [ Tab ] 快速展開程式碼開發