VSCode常見(jiàn)插件安裝

VSCode(Visual Studio Code)是由微軟開(kāi)發(fā)的一款免費(fèi)辛馆,跨平臺(tái)的文本編輯器,由于其豐富的插件功能和卓越的性能,成為目前前端開(kāi)發(fā)中一款比較受歡迎的編輯器昙篙。VSCode提供了大量的擴(kuò)展和插件腊状,其中對(duì)于前端開(kāi)發(fā)比較常用的有以下幾項(xiàng):

1. Chinese(Simplified) Language

主要功能:VSCode漢化,提供漢語(yǔ)界面苔可。


Chinese(Simplified) Language
2. vscode-icon

主要功能:為vscode中的文件及文件夾提供特殊的圖標(biāo)缴挖,文件格式一目了然。


vscode-icon

icon展示
3. open-in-browser

主要功能:右鍵一鍵選擇焚辅,在默認(rèn)瀏覽器中打開(kāi)當(dāng)前界面映屋。


open-in-browser
4. Auto Close Tag

主要功能:自動(dòng)閉合HTML/XML標(biāo)簽


Auto Close Tag
5. Auto Rename Tag

主要功能:自動(dòng)完成另一側(cè)標(biāo)簽的同步修改


Auto Rename Tag
6. Code Spell Checker

主要功能:自動(dòng)檢測(cè)輸入的單詞拼寫(xiě)是否正確,錯(cuò)誤時(shí)會(huì)給出提示同蜻,并且給出建議棚点,對(duì)于英語(yǔ)不太擅長(zhǎng)的同學(xué)來(lái)說(shuō)很有幫助。


Code Spell Checker
7. Bracket Pair Colorizer

主要功能:給括號(hào)加上不同的顏色湾蔓,便于區(qū)分不同的區(qū)塊瘫析,使用者可以定義不同括號(hào)類(lèi)型和不同顏色


Bracket Pair Colorizer

Screenshot
8. HTML CSS Support

主要功能:智能提示CSS類(lèi)名以及id。


HTML CSS Suppor

Screenshot
9. JavaScript(ES6) code snippets

主要功能:ES6語(yǔ)法智能提示默责,以及快速輸入贬循,不僅僅支持.js,還支持.html桃序,.vue等杖虾,省去了配置其支持各種包含js代碼文件的時(shí)間


JavaScript(ES6) code snippets
10. Path Intellisense

主要功能:自動(dòng)提示文件路徑,支持快速引入文件葡缰;


Path Intellisense
11. HTMLHint

主要功能:HTML代碼檢測(cè)亏掀;


HTMLHint
12. Beautify

主要功能:格式化代碼,對(duì)HTML泛释、CSS滤愕、JS進(jìn)行格式化對(duì)齊顯示;


Beautify
13. GitLens

主要功能:能顯示每一行代碼的作者以及提交時(shí)間怜校;方便查看git日志间影。


GitLens

Screenshot
14. Git History

主要功能:查看git日志以及圖表和詳細(xì)信息,查看文件的歷史記錄(Git日志)或文件中的行歷史(Git Blame)


Git History
15. Vetur

主要功能:Vue多功能集成插件茄茁,包括:語(yǔ)法高亮魂贬,智能提示,emmet裙顽,錯(cuò)誤提示付燥,格式化,自動(dòng)補(bǔ)全愈犹,debugger键科。vscode官方欽定Vue插件闻丑,Vue開(kāi)發(fā)者必備。


Vetur
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末勋颖,一起剝皮案震驚了整個(gè)濱河市嗦嗡,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌饭玲,老刑警劉巖侥祭,帶你破解...
    沈念sama閱讀 219,490評(píng)論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異茄厘,居然都是意外死亡矮冬,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,581評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門(mén)次哈,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)欢伏,“玉大人,你說(shuō)我怎么就攤上這事亿乳。” “怎么了径筏?”我有些...
    開(kāi)封第一講書(shū)人閱讀 165,830評(píng)論 0 356
  • 文/不壞的土叔 我叫張陵葛假,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我滋恬,道長(zhǎng)聊训,這世上最難降的妖魔是什么? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,957評(píng)論 1 295
  • 正文 為了忘掉前任恢氯,我火速辦了婚禮带斑,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘勋拟。我一直安慰自己勋磕,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,974評(píng)論 6 393
  • 文/花漫 我一把揭開(kāi)白布敢靡。 她就那樣靜靜地躺著挂滓,像睡著了一般。 火紅的嫁衣襯著肌膚如雪啸胧。 梳的紋絲不亂的頭發(fā)上赶站,一...
    開(kāi)封第一講書(shū)人閱讀 51,754評(píng)論 1 307
  • 那天,我揣著相機(jī)與錄音纺念,去河邊找鬼贝椿。 笑死,一個(gè)胖子當(dāng)著我的面吹牛陷谱,可吹牛的內(nèi)容都是我干的烙博。 我是一名探鬼主播,決...
    沈念sama閱讀 40,464評(píng)論 3 420
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼习勤!你這毒婦竟也來(lái)了踪栋?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書(shū)人閱讀 39,357評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤图毕,失蹤者是張志新(化名)和其女友劉穎夷都,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體予颤,經(jīng)...
    沈念sama閱讀 45,847評(píng)論 1 317
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡囤官,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,995評(píng)論 3 338
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了蛤虐。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片党饮。...
    茶點(diǎn)故事閱讀 40,137評(píng)論 1 351
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖驳庭,靈堂內(nèi)的尸體忽然破棺而出刑顺,到底是詐尸還是另有隱情,我是刑警寧澤饲常,帶...
    沈念sama閱讀 35,819評(píng)論 5 346
  • 正文 年R本政府宣布蹲堂,位于F島的核電站,受9級(jí)特大地震影響贝淤,放射性物質(zhì)發(fā)生泄漏柒竞。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,482評(píng)論 3 331
  • 文/蒙蒙 一播聪、第九天 我趴在偏房一處隱蔽的房頂上張望朽基。 院中可真熱鬧,春花似錦离陶、人聲如沸稼虎。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 32,023評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)渡蜻。三九已至,卻和暖如春计济,著一層夾襖步出監(jiān)牢的瞬間茸苇,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 33,149評(píng)論 1 272
  • 我被黑心中介騙來(lái)泰國(guó)打工沦寂, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留学密,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 48,409評(píng)論 3 373
  • 正文 我出身青樓传藏,卻偏偏與公主長(zhǎng)得像腻暮,于是被迫代替她去往敵國(guó)和親彤守。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,086評(píng)論 2 355

推薦閱讀更多精彩內(nèi)容

  • vscode是微軟開(kāi)發(fā)的的一款代碼編輯器筝蚕,就如官網(wǎng)上說(shuō)的一樣,vscode重新定義(redefined)了代碼編輯...
    陽(yáng)光嘚猴子閱讀 3,255評(píng)論 0 3
  • 一直以來(lái)铺坞,大家對(duì)開(kāi)發(fā)的代碼編輯器都沒(méi)有一個(gè)最好的選擇起宽,而vscode是我發(fā)現(xiàn)速度相對(duì)快,對(duì)于新版的html css...
    云翼飛閱讀 10,996評(píng)論 0 2
  • 安裝http server插件济榨,安裝完成后按下f1,然后輸入http會(huì)看到下面兩個(gè)選項(xiàng)坯沪,選擇with curren...
    吳憲峰閱讀 32,021評(píng)論 1 28
  • 基于Vue的一些資料 內(nèi)容 UI組件 開(kāi)發(fā)框架 實(shí)用庫(kù) 服務(wù)端 輔助工具 應(yīng)用實(shí)例 Demo示例 element★...
    嘗了又嘗閱讀 1,154評(píng)論 0 1
  • 晚自習(xí)開(kāi)始前,教室里一群孩子在說(shuō)笑鬧擒滑,個(gè)個(gè)都?xì)g脫的不得了腐晾。同事邊和我聊天邊吃一小碗串串,轉(zhuǎn)眼功夫就圍上來(lái)一群丐一,串串...
    若然一默閱讀 114評(píng)論 0 6