vscode下載:https://code.visualstudio.com/
設(shè)置中文語(yǔ)言使用快捷鍵【Ctrl+Shift+P】舞蔽,彈出的搜索框中輸入【configure language】哑蔫,然后選擇搜索出來(lái)的【Configure Display Language】憾儒,locale的屬性值為“zh-CN”,安裝插件名為【Chinese (Simplified)Language Pack for Visual Studio Code】乃沙,重啟VSCode軟件生效起趾。
1.Auto Close Tag
自動(dòng)閉合HTML/XML標(biāo)簽
2.Auto Rename Tag
自動(dòng)完成另一側(cè)標(biāo)簽的同步修改
3.Beautify
格式化代碼,值得注意的是警儒,beautify插件支持自定義格式化代碼規(guī)則
4.Bracket Pair Colorizer
給括號(hào)加上不同的顏色训裆,便于區(qū)分不同的區(qū)塊,使用者可以定義不同括號(hào)類型和不同顏色
5.Debugger for Chrome
映射vscode上的斷點(diǎn)到chrome上,方便調(diào)試
6.ESLint
js語(yǔ)法糾錯(cuò)边琉,可以自定義配置属百,不過(guò)配置較為復(fù)雜,建議使用網(wǎng)上一些廣泛使用的eslint配置变姨,日后我也會(huì)專門針對(duì)eslint配置寫一篇文章诸老。
7.GitLens
方便查看git日志,git重度使用者必備
8.HTML CSS Support
智能提示CSS類名以及id
9.HTML Snippets
智能提示HTML標(biāo)簽钳恕,以及標(biāo)簽含義
10.JavaScript(ES6) code snippets
ES6語(yǔ)法智能提示别伏,以及快速輸入,不僅僅支持.js忧额,還支持.ts厘肮,.jsx,.tsx睦番,.html类茂,.vue,省去了配置其支持各種包含js代碼文件的時(shí)間
11.jQuery Code Snippets
jQuery代碼智能提示
12.Markdown Preview Enhanced
實(shí)時(shí)預(yù)覽markdown托嚣,markdown使用者必備
13.markdownlint
markdown語(yǔ)法糾錯(cuò)
14.Material Icon Theme
個(gè)人認(rèn)為最好的vscode圖標(biāo)主題巩检,支持更換不同色系的圖標(biāo),值得點(diǎn)出的是示启,該插件更新極其頻繁兢哭,基本和vscode更新頻率保持一致
15.open in browser
vscode不像IDE一樣能夠直接在瀏覽器中打開(kāi)html,而該插件支持快捷鍵與鼠標(biāo)右鍵快速在瀏覽器中打開(kāi)html文件夫嗓,支持自定義打開(kāi)指定的瀏覽器迟螺,包括:Firefox,Chrome舍咖,Opera矩父,IE以及Safari
16.Path Intellisense
自動(dòng)提示文件路徑,支持各種快速引入文件
17.React/Redux/react-router Snippets
React/Redux/react-router語(yǔ)法智能提示
18.Vetur
Vue多功能集成插件排霉,包括:語(yǔ)法高亮窍株,智能提示,emmet攻柠,錯(cuò)誤提示球订,格式化,自動(dòng)補(bǔ)全辙诞,debugger辙售。vscode官方欽定Vue插件,Vue開(kāi)發(fā)者必備飞涂。