之前一直用webstorm，webstorm確實太重了，后來無意中發(fā)現(xiàn)了vscode缺厉。高顏值吸引了我哈哈哈…就一直用著。
VScode下載地址：點擊下載
很喜歡VScode的插件功能~想要什么插件就搜索隧土，
以下是我裝的一些插件提针，記錄防止下次裝機(jī)
只要點擊一下某款插件，插件的介紹和用法都會在右側(cè)窗口詳細(xì)介紹曹傀，還會有小動畫演示用法
- Auto Rename Tag —— 自動同步修改標(biāo)簽
- AutoFileName —— 自動補(bǔ)全路徑提示
- background —— 一個萌萌的插件辐脖，可以自己設(shè)置vsc的背景圖
- Bootstrap 3 Snippets —— bootstrap必備
- Debugger for Chrome —— 方便調(diào)試
- Document This —— Js的注釋模板
- ESLint —— 檢測JS必備
- Easy Less —— less文件自動實時編譯成css
- GBKtoUTF8
- Git History (git log)
- HTML CSS Support —— css自動補(bǔ)齊
- HTML Snippets —— 支持HTML5的標(biāo)簽提示
- 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 —— 路徑自動補(bǔ)全
- Project Manager
- Sort lines
- Typings Installer —— 安裝vscode 的代碼提示依賴庫皆愉，基于typtings的嗜价，比如提示angular或者jQuery智能感知
- vetur —— 目前比較好的Vue語法高亮
//vetur的配置[文件-首選項-設(shè)置]在右側(cè)覆蓋~
"emmet.syntaxProfiles": {
"vue-html": "html",
"vue": "html"
},
"eslint.validate": [
"javascript",
"javascriptreact",
"vue"
],
"files.associations": {
"*.vue": "vue"
}
- View In Browser——在瀏覽器中預(yù)覽頁面（ctrl+F1）
- VS Color Picker——拾色器
- vscode-icons——讓vscode資源目錄加上圖標(biāo)
- vue
- Vue 2 Snippets——vue2語法高亮
設(shè)置字體大小等：
[文件-首選項-設(shè)置] 在右側(cè)覆蓋
VScode一直在更新，最近更新后幕庐，界面顯示語言變成了英文久锥。如果想設(shè)置成中文，按住f1 或者ctrl+shift+p 進(jìn)入命令行异剥，輸入“ Configure Language”
這里寫圖片描述
這里寫圖片描述
上圖是英文：en
配置成中文：zh-CN
