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

1.Live Server

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

2.Prettier

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

3.Angular Snippets (Version 9)

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

4.ESLint

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

5.Search node_modules

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

6.Git Graph

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

7.Mocha sidebar

測試是軟件開發(fā)的關鍵部分，尤其是對于處于生產(chǎn)階段的項目而言。這個擴展的作者是maty，它為使用Mocha庫進行測試提供了很大的支持?？梢詭椭蠹抑苯釉诖a上運行測試，并將錯誤顯示為修飾符。到現(xiàn)在已有68+安裝!不過有一點要注意就是在編寫本文時，此擴展名還有許多未解決的問題。