Visual Studio Code -VS Code

VS Code 免費開源的編輯器，支持 windows、 mac、 Linux。 微軟出品

官網：https://code.visualstudio.com/

下載地址：https://code.visualstudio.com/download

 

剛安裝好 就會提示你安裝中文語言包，而後實現界面全中文化。 不愧是微軟出品

 

選擇打開文件夾 來打開項目

打開終端：control + ` 

經常使用插件：

vscode-icons 安裝後 從新加載並不生效，須要在 Code->首選項->文件圖標主題中 選擇安裝的主題

Auto Rename Tag 改變html標籤時 </xx>標籤也隨着變動

vue2 Snippets .vue代碼高亮

格式化代碼： 設置

{
    "workbench.iconTheme": "vscode-icons-mac",
    "editor.detectIndentation": false,
    "prettier.tabWidth": 4,
    "vetur.format.defaultFormatter.html": "js-beautify-html"
}

安裝beautify

快捷鍵 option + shift + f