VSCode 基礎必備外掛程式

1、view in browser

在瀏覽器裡預覽網頁必備。

2、vscode-icons

改變編輯器裡面的檔案圖示，個人比較稀飯這個。其他的這裡就不說了。

給巢狀的各種括號加上不同的顏色。

高亮對應的 html 標籤 以及 標識出對應的各種括號。

自動修改匹配的 html 標籤。

6、path intellisense

智慧型路徑提示，可以在你輸入檔案路徑時智慧型提示。

實時預覽 markdown。

8、stylelint

css / scss / less 語法檢查

進價必備外掛程式

9、live server

這個外掛程式基本功能是預覽網頁，但它的特點是：會將網頁在本地伺服器上預覽，最重要的是**儲存之後，瀏覽器自動重新整理，有多方便不用我說了吧？

使用方法：

在 html 檔案上右鍵

開啟 html 檔案，點選編輯器右下角 go live 按鈕

格式化外掛程式。有的人可能會推薦 beautify。我原來也是一直用這個，後來發現這個並不能格式化 react 的**。所以果斷換成 prettier。

11、carbon-now-sh

之所以將**分享為，是因為如果直接分享**，在有些地方**格式可能會亂。

快捷新增 console.log，一鍵 注釋 / 啟用 / 刪除 所有 console.log。

簡直好用到犯規！

簡單說下這個外掛程式要用到的快捷鍵:

ctrl + alt + l 選中變數之後，使用這個快捷鍵生成 console.log

alt + shift + c 注釋所有 console.log

alt + shift + u 啟用所有 console.log

alt + shift + d 刪除所有 console.log

16、css-auto-prefix

自動新增 css 私有字首。

定位 css 類名。

處理 json 檔案，用法看圖：

高亮 todo，fixme、還可以自己配置要高亮的關鍵字。

我猜小夥伴們在跑**時一定和我一樣，經常打一些 todo 標記吧？

所以，這個外掛程式很適合你！

28、px to rem

畫素轉 rem。

VSCode必備外掛程式安裝

vscode必備外掛程式安裝 auto import opens new window import 引入自動補全 import cost opens new window 檢視你引入的依賴模組大小 auto close tag opens new window 自動補全 html 標籤 auto ...

VSCode 開發Vue必備外掛程式

語法高亮 智慧型感知 emmet等，包含格式化功能，alt shift f 格式化全文 ctrl k ctrl f 格式化選中 兩個ctrl需要同時按著 語法糾錯 快捷鍵設定 檔案 首選項 鍵盤快捷方式 搜尋 fix 修改 eslint fix all auto fixable problems 快...

安裝VS Code必備超好用的外掛程式合集

2.輔助外掛程式 3.炫酷外掛程式 4.特殊環境外掛程式 附 常用快捷鍵 ctrl shift p 開啟命令面板。ctrl shift n 新建視窗。ctrl shift w 關閉視窗。切分視窗 ctrl 1 ctrl 3 ctrl 3 ctrl h 最小化視窗 ctrl b 顯示 隱藏側邊欄 ct...