聽(tīng)說(shuō)VS Code把前端程序員的桌面一統(tǒng)天下，它是一個(gè)同時(shí)支持 Windows、 Linux 和 macOS 等操作系統(tǒng)的免費(fèi)代碼編輯器，它的風(fēng)格清冷，主題柔和，插件豐富，迅疾如風(fēng)。不僅綜合了很多優(yōu)秀編輯器的優(yōu)勢(shì)，并且解決了很多編輯器的痛點(diǎn)，它的成功主要因?yàn)橛懈玫捏w驗(yàn)和穩(wěn)定性，這些優(yōu)秀品質(zhì)也讓它大受歡迎，成為了Python開(kāi)發(fā)的絕佳平臺(tái)也是很多程序員最喜愛(ài)的編程工具。以下推薦6個(gè)愛(ài)不釋手的VS Code擴(kuò)展，快來(lái)收藏吧。

1.Live Server

前端在本地開(kāi)發(fā)的時(shí)候時(shí)常需要開(kāi)啟一個(gè)本地服務(wù)器好實(shí)時(shí)預(yù)覽。這個(gè)插件就可以實(shí)現(xiàn)靜態(tài)、動(dòng)態(tài)頁(yè)面的實(shí)時(shí)預(yù)覽，保存就能看見(jiàn)頁(yè)面更新，不需要手動(dòng)去刷新。這個(gè)擴(kuò)展的作者是個(gè)印度小哥，在擴(kuò)展市場(chǎng)的主頁(yè)也置頂說(shuō)了他最近非常忙，在找人維護(hù)這個(gè)項(xiàng)目。但是這個(gè)包兩年前就不更新了，目前沒(méi)發(fā)現(xiàn)合適的替代品，有需要的大家我覺(jué)得可以繼續(xù)用。

2.Prettier

它可以幫助大家用簡(jiǎn)單明了的方式格式化代碼，并且支持多種技術(shù)和編程語(yǔ)言。可以通過(guò)手動(dòng)選擇文件的所有內(nèi)容，然后按Option / Ctrl + Shift + F鍵。如果有提示你選擇默認(rèn)格式化程序的話要從下拉列表中選擇更漂亮。當(dāng)你想要自動(dòng)保存文件的內(nèi)容時(shí)，就需要手動(dòng)進(jìn)行一些小的配置更改，方法是轉(zhuǎn)到左下角并單擊齒輪圖標(biāo)，然后點(diǎn)擊設(shè)置。搜索“保存時(shí)格式化”并啟用該功能，選中此選項(xiàng)后，每次保存任何修改時(shí)，文件的內(nèi)容都會(huì)自動(dòng)格式化。

3.Angular Snippets (Version 9)

extension與React代碼段類(lèi)似，這個(gè)擴(kuò)展可以讓你快速生成Angular代碼段，大量節(jié)省了時(shí)間和精力!已有超過(guò)170萬(wàn)次安裝，是Angular開(kāi)發(fā)人員中最流行的代碼段擴(kuò)展。大多數(shù)項(xiàng)目都需要一個(gè)合適的框架來(lái)構(gòu)建代碼并縮短開(kāi)發(fā)時(shí)間。雖然有一些VS Code擴(kuò)展已經(jīng)支持大多數(shù)主要框架，但仍有一些框架還沒(méi)有得到支持。此擴(kuò)展就是一個(gè)提供重要功能的好幫手。

4.ESLint

ESLint 號(hào)稱(chēng)下一代的JS Linter工具，使用esprima將源代碼解析吃成 AST，然后你就可以使用任意規(guī)則來(lái)檢測(cè) AST 是否符合預(yù)期，這也是 ESLint 高可擴(kuò)展性的原因。它可以避免低級(jí)bug，找出可能發(fā)生的語(yǔ)法錯(cuò)誤，提示刪除多余的代碼，確保代碼遵循最佳實(shí)踐，統(tǒng)一團(tuán)隊(duì)的代碼風(fēng)格。

5.Search node_modules

它的作者是Jason Nutter，node_modules文件夾默認(rèn)是不能被VS Code內(nèi)置的搜索功能搜到的。所以這個(gè)擴(kuò)展巨有用!已經(jīng)有470k+的安裝量，它可以搜索快速導(dǎo)航和打開(kāi)文件node_modules的某個(gè)包位置。展開(kāi)node_modules文件夾后，只顯示關(guān)聯(lián)的包，相當(dāng)不錯(cuò)。

6.Git Graph

這玩意可是Git神器，堪比Pycharm內(nèi)的Git管理器。使用這個(gè)擴(kuò)展，能夠清晰地發(fā)現(xiàn)當(dāng)前分支的commit記錄和變化，并且能夠通過(guò)按鈕的方式輕易地創(chuàng)建、切換分支、cherry pick、merge、對(duì)比分支、查看未提交的修改......還有許多可自定義的擴(kuò)展設(shè)置喔!

7.Mocha sidebar

測(cè)試是軟件開(kāi)發(fā)的關(guān)鍵部分，尤其是對(duì)于處于生產(chǎn)階段的項(xiàng)目而言。這個(gè)擴(kuò)展的作者是maty，它為使用Mocha庫(kù)進(jìn)行測(cè)試提供了很大的支持。可以幫助大家直接在代碼上運(yùn)行測(cè)試，并將錯(cuò)誤顯示為修飾符。到現(xiàn)在已有68+安裝!不過(guò)有一點(diǎn)要注意就是在編寫(xiě)本文時(shí)，此擴(kuò)展名還有許多未解決的問(wèn)題。