vscode常用插件

vscode下載:https://code.visualstudio.com/

image.png

設(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)簽


image.png

2.Auto Rename Tag
   自動(dòng)完成另一側(cè)標(biāo)簽的同步修改


image.png

3.Beautify
   格式化代碼,值得注意的是警儒,beautify插件支持自定義格式化代碼規(guī)則


image.png

4.Bracket Pair Colorizer
   給括號(hào)加上不同的顏色训裆,便于區(qū)分不同的區(qū)塊,使用者可以定義不同括號(hào)類型和不同顏色


image.png

5.Debugger for Chrome
   映射vscode上的斷點(diǎn)到chrome上,方便調(diào)試


image.png

6.ESLint
   js語(yǔ)法糾錯(cuò)边琉,可以自定義配置属百,不過(guò)配置較為復(fù)雜,建議使用網(wǎng)上一些廣泛使用的eslint配置变姨,日后我也會(huì)專門針對(duì)eslint配置寫一篇文章诸老。


image.png

7.GitLens
   方便查看git日志,git重度使用者必備


image.png

8.HTML CSS Support
   智能提示CSS類名以及id


image.png

9.HTML Snippets
   智能提示HTML標(biāo)簽钳恕,以及標(biāo)簽含義


image.png

10.JavaScript(ES6) code snippets
   ES6語(yǔ)法智能提示别伏,以及快速輸入,不僅僅支持.js忧额,還支持.ts厘肮,.jsx,.tsx睦番,.html类茂,.vue,省去了配置其支持各種包含js代碼文件的時(shí)間


image.png

11.jQuery Code Snippets
   jQuery代碼智能提示


image.png

12.Markdown Preview Enhanced
   實(shí)時(shí)預(yù)覽markdown托嚣,markdown使用者必備


image.png

13.markdownlint
   markdown語(yǔ)法糾錯(cuò)


image.png

14.Material Icon Theme
   個(gè)人認(rèn)為最好的vscode圖標(biāo)主題巩检,支持更換不同色系的圖標(biāo),值得點(diǎn)出的是示启,該插件更新極其頻繁兢哭,基本和vscode更新頻率保持一致


image.png

15.open in browser
   vscode不像IDE一樣能夠直接在瀏覽器中打開(kāi)html,而該插件支持快捷鍵與鼠標(biāo)右鍵快速在瀏覽器中打開(kāi)html文件夫嗓,支持自定義打開(kāi)指定的瀏覽器迟螺,包括:Firefox,Chrome舍咖,Opera矩父,IE以及Safari


image.png

16.Path Intellisense
   自動(dòng)提示文件路徑,支持各種快速引入文件


image.png

17.React/Redux/react-router Snippets
   React/Redux/react-router語(yǔ)法智能提示


image.png

18.Vetur
   Vue多功能集成插件排霉,包括:語(yǔ)法高亮窍株,智能提示,emmet攻柠,錯(cuò)誤提示球订,格式化,自動(dòng)補(bǔ)全辙诞,debugger辙售。vscode官方欽定Vue插件,Vue開(kāi)發(fā)者必備飞涂。


image.png
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末旦部,一起剝皮案震驚了整個(gè)濱河市祈搜,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌士八,老刑警劉巖容燕,帶你破解...
    沈念sama閱讀 216,402評(píng)論 6 499
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異婚度,居然都是意外死亡蘸秘,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,377評(píng)論 3 392
  • 文/潘曉璐 我一進(jìn)店門蝗茁,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)醋虏,“玉大人,你說(shuō)我怎么就攤上這事哮翘【苯溃” “怎么了?”我有些...
    開(kāi)封第一講書人閱讀 162,483評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵饭寺,是天一觀的道長(zhǎng)阻课。 經(jīng)常有香客問(wèn)我,道長(zhǎng)艰匙,這世上最難降的妖魔是什么限煞? 我笑而不...
    開(kāi)封第一講書人閱讀 58,165評(píng)論 1 292
  • 正文 為了忘掉前任,我火速辦了婚禮员凝,結(jié)果婚禮上署驻,老公的妹妹穿的比我還像新娘。我一直安慰自己绊序,他們只是感情好硕舆,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,176評(píng)論 6 388
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著骤公,像睡著了一般。 火紅的嫁衣襯著肌膚如雪扬跋。 梳的紋絲不亂的頭發(fā)上阶捆,一...
    開(kāi)封第一講書人閱讀 51,146評(píng)論 1 297
  • 那天,我揣著相機(jī)與錄音钦听,去河邊找鬼洒试。 笑死,一個(gè)胖子當(dāng)著我的面吹牛朴上,可吹牛的內(nèi)容都是我干的垒棋。 我是一名探鬼主播,決...
    沈念sama閱讀 40,032評(píng)論 3 417
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼痪宰,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼叼架!你這毒婦竟也來(lái)了畔裕?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書人閱讀 38,896評(píng)論 0 274
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤乖订,失蹤者是張志新(化名)和其女友劉穎扮饶,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體乍构,經(jīng)...
    沈念sama閱讀 45,311評(píng)論 1 310
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡甜无,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,536評(píng)論 2 332
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了哥遮。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片岂丘。...
    茶點(diǎn)故事閱讀 39,696評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖眠饮,靈堂內(nèi)的尸體忽然破棺而出奥帘,到底是詐尸還是另有隱情,我是刑警寧澤君仆,帶...
    沈念sama閱讀 35,413評(píng)論 5 343
  • 正文 年R本政府宣布翩概,位于F島的核電站,受9級(jí)特大地震影響返咱,放射性物質(zhì)發(fā)生泄漏钥庇。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,008評(píng)論 3 325
  • 文/蒙蒙 一咖摹、第九天 我趴在偏房一處隱蔽的房頂上張望评姨。 院中可真熱鬧,春花似錦萤晴、人聲如沸吐句。這莊子的主人今日做“春日...
    開(kāi)封第一講書人閱讀 31,659評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)嗦枢。三九已至,卻和暖如春屯断,著一層夾襖步出監(jiān)牢的瞬間文虏,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書人閱讀 32,815評(píng)論 1 269
  • 我被黑心中介騙來(lái)泰國(guó)打工殖演, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留氧秘,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 47,698評(píng)論 2 368
  • 正文 我出身青樓趴久,卻偏偏與公主長(zhǎng)得像丸相,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子彼棍,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,592評(píng)論 2 353