vsCode 操作

官方下載地址

Download Visual Studio Code

常用外掛

image.png

如上圖分別是
1.修改標籤tag，對應的自動修改。

image.png

2.修改編輯器的背景圖，還可以自定義設定背景圖。參考地址github
3.美化外掛，，，好像並沒有軟用。格式化自帶的
4.自帶簡單伺服器,安裝完全後快捷鍵，Shift+Ctrl+Enter。方便快捷 可以不用wrap和appach等伺服器。
5.檔案列表圖示樣式，比sublime的好看多了。

image.png

6.ESLint監測js是否有錯，具體沒研究大概裝了下。
7.這個也是主題外掛

image.png

8.jq提示外掛。

image.png

9.路徑提示外掛。

image.png

10.svn外掛 === 連結

image.png

11.可以開啟靜態頁面，Ctrl+F1和之前的有點衝突可以忽略。

image.png

12.也是檔案圖示外掛100個隨便裝吧。。。

image.png

Paste_Image.png

new add 外掛

1.Auto Close Tag 自動閉合HTML標籤
2.ctrl+p（ext install vscode-file-peek） File Peek 根據路徑字串，快速定位到檔案 快捷鍵：ctrl+單擊
3.ctrl+p（ext install guides） 高亮縮排基線
4.ext install HTMLHint HTML格式提示

Paste_Image.png

5.ext install partial-diff 對比兩段程式碼的區別

Paste_Image.png

6.git為自帶功能無須外掛。
7.fileheader 外掛 註釋外掛 ctrl+shift +i

簡單操作地址

參考---VS Code 使用小技巧