1. Chinese (Simplified) Language Pack for Visual Studio Code
適用於 VS Code 的中文（簡體）語言包
安裝后，在 locale.json 中添加 "locale": "zh-cn"，即可載入中文（簡體）語言包。要修改 locale.json，你可以同時按下 Ctrl+Shift+P 打開命令面板，之后輸入 "config" 篩選可用命令列表，最后選擇配置語言命令。請參閱文檔並獲取更多信息。
2. Debugger for Chrome
支持的功能
- 設置斷點，包括啟用源映射時的源文件
- 單步，包括Chrome頁面上的按鈕
- “本地”窗格
- 調試動態添加的eval腳本，腳本標記和腳本
- 手表
- 安慰
3. ES5 to ES6 使用lebab將ES5 javascript轉換為ES6。
用法
啟動命令調色板並搜索ES5 to ES6。
這將在同一目錄中創建一個臨時文件（無標題），可以保存該文件以供參考。
4. Git History
- 查看和搜索git日志以及圖表和詳細信息。
- 查看該文件的上一個副本。
- 查看和搜索歷史記錄
- 查看一個或所有分支的歷史記錄（git log）
- 查看文件的歷史記錄
- 查看文件中一行的歷史記錄（Git Blame）。
- 查看作者的歷史
- 相比：
- 比較分支
- 比較提交
- 比較提交中的文件
- 其他功能：
- Github頭像
- 櫻桃采摘提交
- 恢復提交
- 從提交創建分支
- 在樹視圖中查看提交信息（所有更改的快照）
- 合並和變革
打開文件以查看歷史記錄，然后按F1並選擇/鍵入“Git：查看歷史記錄”，“Git：查看文件歷史記錄”或“Git：查看行歷史記錄”。
可用命令
- 查看Git歷史記錄（git log）（git.viewHistory）
- 查看文件歷史記錄（git.viewFileHistory）
- 查看行歷史（git.viewLineHistory）
5. jshint
建立
擴展名jshint在當前目錄和全局包位置中查找模塊。您可以jshint在本地安裝npm install jshint或全局安裝npm install -g jshint。如果jshint模塊位於其他位置，請使用該jshint.nodePath設置指定正確的路徑。該jshint.packageManager 設置可用於指定您正在使用的包管理器，npm或yarn。
要檢查jshint加載的位置，請JSHint: Show output在擴展開始后使用該命令在輸出面板中查看擴展日志。
配置選項
jshint擴展使用jshint網站上描述的標准jshint配置選項。
可以在多個位置指定選項，主要是模仿jshint的默認行為。擴展程序按以下方式查找其配置選項，並在第一個正匹配時停止：
- 在用戶或工作空間設置中指定的選項文件，如下所示：
"jshint.config" : "<file path>"。文件路徑相對於工作空間的根文件夾進行解釋。 - 位於當前目錄或當前目錄的任何父文件
jshintConfig中的package.json文件中的屬性值。 - 一個
.jshintrc位於當前目錄或當前目錄的任何父文件。 - 一個
.jshintrc位於用戶的主目錄文件。 jshint.options用戶或工作區設置中指定的值。默認jshint.options為空。
.jshintrc可以使用此處extends描述的屬性鏈接文件。
排除選項
為了忽略特定文件或文件夾，可以在許多位置指定排除選項，這些選項主要模仿jshint的默認行為。擴展按以下方式查找其排除選項，並在第一個正匹配時停止：
- 在用戶或工作空間設置中指定的文件，如下所示：
"jshint.excludePath" : "<file path>"。文件路徑相對於工作空間的根文件夾進行解釋。該文件包含指定應排除的文件的glob模式。glob模式相對於工作空間的根文件夾進行解釋。 - 一個
.jshintignore位於當前目錄或當前目錄的任何父文件。此文件中的glob模式是相對於.jshintignore文件的位置進行解釋的 。 jshint.exclude用戶或工作空間設置中的屬性值。該屬性具有以下形式："jshint.exclude" : { "<glob pattern>" : true, "<glob pattern>" : true }。glob模式相對於工作空間的根文件夾進行解釋。
使用npm minimatch模塊解釋glob模式。請注意，解釋模式之間minimatch和.gitignore模式之間存在細微差別。大多數noteably，**/name而name不是在同一個minimatch，而他們正在考慮相等.gitignore。**/name如果要匹配子樹中的名稱，請始終使用。
默認情況下不排除任何文件。
禁用JSHint
為了禁用工作空間的jshint，請在工作"jshint.enable" : false區設置中指定。jshint默認啟用。
6. npm
節點npm
此擴展支持運行文件中定義的npm腳本，package.json並根據中定義的依賴項驗證已安裝的模塊package.json。
注意驗證通過運行完成，npm並且在管理模塊時不運行yarn。
該package.json驗證報告警告，模塊：
- 在package.json中定義，但未安裝
- 已安裝但未在package.json中定義
- 已安裝但不滿足package.json中定義的版本。
npm為報告的警告提供了快速修復。
7. React Native Snippet
此擴展為您提供ES6，ES7，Typescript中的Javascript和React / Redux片段以及Vs代碼的 babel插件功能
這里是市場React Native，StyleSheet，ReactJS，Redux Snippet的直接鏈接
8. TSLint (deprecated) （坑太多，慎用）
先決條件
擴展要求在本地或全局安裝tslint和typescript模塊。擴展將使用最接近linted文件安裝的tslint模塊。要全局安裝tslint和typescript，您可以運行npm install -g tslint typescript。
9. Velocity （Visual Studio Code 的Apache Velocity Textmate包的端口。）
10. Vetur （寫vue必安裝的）
VS代碼的Vue工具，由vue-language-server提供支持。
Doc：https：//vuejs.github.io/vetur
嘗試使用Veturpack！
特征
- 語法加亮
- 片段
- 螞蟻
- Linting /錯誤檢查
- 格式化
- 自動完成
- 調試
快速開始
11. vscode wxml （微信小程序必安裝）
為 VSCode 提供 wxml 語法支持及代碼片段
安裝
- 打開編輯器，
Ctrl + Shift + X，搜索 weapp-wxml。 - 點擊
install
使用
鍵入關鍵詞，然后回車。關鍵詞不區分大小寫
12. vscode-styled-components
vscode風格組件
使用基於language-sass和language-css構建的CSS語法。 安裝在VSCode內，按
|
13. ESLint
VS Code ESLint擴展
將ESLint集成到VS代碼中。如果您是ESLint的新手，請查看文檔。
擴展使用安裝在打開的工作區文件夾中的ESLint庫。如果文件夾未提供，則擴展名將查找全局安裝版本。如果尚未在本地或全局安裝ESLint，請npm install eslint在工作區文件夾中運行本地安裝或npm install -g eslint全局安裝。
在新文件夾上，您可能還需要創建.eslintrc配置文件。您可以通過使用VS Code命令Create ESLint configuration或eslint在終端中運行命令來執行此操作。如果您已全局安裝ESLint（參見上文），則eslint --init在終端中運行。如果您已在本地安裝ESLint，則.\node_modules\.bin\eslint --init在Windows和./node_modules/.bin/eslint --initLinux和Mac下運行。
設置選項
這個擴展有助於以下變量的設置：
-
eslint.enable：啟用/禁用ESLint。默認情況下啟用。 -
eslint.provideLintTask：擴展是否提供lint任務來lint整個工作區文件夾。 -
eslint.packageManager：控制用於解析ESLint庫的包管理器。如果全局解析ESLint庫，這只會產生影響。有效值為"npm"或"yarn"或"pnpm"。 -
eslint.options：用於配置如何使用ESLint CLI Engine API啟動ESLint的選項。默認為空選項包。指向自定義.eslintrc.json文件的示例是：{ "eslint.options": { "configFile": "C:/mydirectory/.eslintrc.json" } } -
eslint.run- 運行linteronSave或者onType，默認是onType。 -
eslint.autoFixOnSave- 啟用保存時自動修復。請注意，自動修復的保存僅當VS代碼的files.autoSave要么是off，onFocusChange或onWindowChange。它無法使用afterDelay。 -
eslint.quiet- 忽略警告。 -
eslint.runtime- 使用此設置設置節點運行時的路徑以運行ESLint。 -
eslint.nodePath- 例如，如果無法檢測到已安裝的ESLint包，請使用此設置/myGlobalNodePackages/node_modules。 -
eslint.validate- 一組語言標識符指定要驗證的文件。有點像"eslint.validate": [ "javascript", "javascriptreact", "html" ]。如果缺少該設置，則默認為["javascript", "javascriptreact"]。您還可以控制哪些插件應該提供自動修復支持。為此，只需在validate設置中使用屬性language而autoFix不是簡單提供對象文字string。一個例子是："eslint.validate": [ "javascript", "javascriptreact", { "language": "html", "autoFix": true } ] -
eslint.workingDirectories- 要使用的工作目錄的數組。ESLint解析eslintrc相對於工作目錄的配置文件（例如）。這個新設置允許用戶控制哪個工作目錄用於哪些文件（另請參閱CLIEngine選項#cwd）。例：root/ client/ .eslintrc.json client.js server/ .eslintignore .eslintrc.json server.js然后使用設置：
"eslint.workingDirectories": [ "./client", "./server" ]將使用服務器目錄驗證服務器目錄中的文件作為當前的eslint工作目錄。對於客戶端目錄中的文件也是如此。
ESLint還在解析
.eslintignore文件時或在驗證相關導入語句時（如import A from 'components/A';無法找到基URI）時考慮進程的工作目錄。為了使其正常工作，eslint驗證過程也需要切換進程的工作目錄。由於需要謹慎處理更改進程的工作目錄，因此必須明確啟用它。為此，請使用下面顯示的對象文字語法作為服務器目錄："eslint.workingDirectories": [ "./client", // Does not change the process's working directory { "directory": "./server", "changeProcessCWD": true } ]這將驗證客戶端文件夾中的文件，並將進程的工作目錄設置為
workspace folder服務器文件夾中的和文件，並將進程的工作目錄設置為該server文件夾。這就像server在ESLint用作shell命令時切換到終端中的文件夾。如果
workingDirectories省略該設置，則eslint工作目錄和進程的工作目錄為workspace folder。 -
eslint.codeAction.disableRuleComment- 具有屬性的對象：enable- 在快速修復菜單中顯示禁用lint規則。true默認情況下。location-選擇要么添加eslint-disable的評論separateLine或sameLine。separateLine是默認值。例：
{ "enable": true, "location": "sameLine" } -
eslint.codeAction.showDocumentation- 具有屬性的對象：enable- 在快速修復菜單中顯示打開的lint規則文檔網頁。true默認情況下。
命令：
此擴展將以下命令提供給Command選項板。
Create '.eslintrc.json' file：創建一個新.eslintrc.json文件。Fix all auto-fixable problems：將ESLint自動修復解決方案應用於所有可修復的問題。Disable ESLint for this Workspace：禁用此工作空間的ESLint擴展。Enable ESLint for this Workspace：為此工作空間啟用ESLint擴展。