之前一直用webstorm，webstorm確實太重了，后來無意中發(fā)現了vscode。高顏值吸引了我哈哈哈…就一直用著。

VScode下載地址：點擊下載

很喜歡VScode的插件功能~想要什么插件就搜索，

以下是我裝的一些插件，記錄防止下次裝機

只要點擊一下某款插件，插件的介紹和用法都會在右側窗口詳細介紹，還會有小動畫演示用法

• Auto Rename Tag —— 自動同步修改標簽
• AutoFileName —— 自動補全路徑提示
• background —— 一個萌萌的插件，可以自己設置vsc的背景圖
• Bootstrap 3 Snippets —— bootstrap必備
• Debugger for Chrome —— 方便調試
• Document This —— Js的注釋模板
• ESLint —— 檢測JS必備
• Easy Less —— less文件自動實時編譯成css
• GBKtoUTF8
• Git History (git log)
• HTML CSS Support —— css自動補齊
• HTML Snippets —— 支持HTML5的標簽提示
• JavaScript (ES6) code snippets
• jQuery Code Snippets —— jquery 自動提示
• JS-CSS-HTML Formatter —— 代碼對齊。每次保存代碼的時候它會自動對齊代碼
• Markdown Theme Kit —— 主題
• Dracula —— 主題
• node-readme
• Npm Intellisense —— npm包代碼提示
• One Dark Theme —— 一款背景主題
• Path Intellisense —— 路徑自動補全
• Project Manager
• Sort lines
• Typings Installer —— 安裝vscode 的代碼提示依賴庫，基于typtings的，比如提示angular或者jQuery智能感知
• vetur —— 目前比較好的Vue語法高亮

  //vetur的配置[文件-首選項-設置]在右側覆蓋~
    "emmet.syntaxProfiles": {
        "vue-html": "html",
        "vue": "html"
    },
    "eslint.validate": [
        "javascript",
        "javascriptreact",
        "vue"
    ],
    "files.associations": {
        "*.vue": "vue"
    }

• View In Browser——在瀏覽器中預覽頁面（ctrl+F1）
• VS Color Picker——拾色器
• vscode-icons——讓vscode資源目錄加上圖標
• vue
• Vue 2 Snippets——vue2語法高亮

設置字體大小等：

[文件-首選項-設置] 在右側覆蓋

VScode一直在更新，最近更新后，界面顯示語言變成了英文。如果想設置成中文，按住f1 或者ctrl+shift+p 進入命令行，輸入“ Configure Language”

這里寫圖片描述

這里寫圖片描述

上圖是英文：en
配置成中文：zh-CN