vs code的常用插件
名稱 | 功能 |
Auto Close Tag | 自動閉合HTML標簽 |
Auto Import Typescript | 自動import提示 |
Auto Rename Tag | 修改HTML標簽時,自動修改匹配的標簽 |
Beautify css/sass/scss/less | css/sass/less格式化 |
Better Comments | 編寫更加人性化的注釋 |
Bookmarks | 添加行書簽 |
Can I Use | HTML5、CSS3、SVG的瀏覽器兼容性檢查 |
Code Runner | 運行選中代碼段(支持大量語言,包括Node) |
Code Spellchecker | 單詞拼寫檢查 |
CodeBing | 在VSCode中彈出瀏覽器并搜索,可編輯搜索引擎 |
Color Highlight | 顏色值在代碼中高亮顯示 |
Color Info | 小窗口顯示顏色值,rgb,hsl,cmyk,hex等等 |
Color Picker | 拾色器 |
Document This | 注釋文檔生成 |
ESLint | ESLint插件,高亮提示 |
EditorConfig for VS Code | EditorConfig插件 |
Emoji | 在代碼中輸入emoji |
File Peek | 根據路徑字符串,快速定位到文件 |
Font-awesome | codes for html FontAwesome提示代碼段 |
Git Blame | 在狀態欄顯示當前行的Git信息 |
Git History(git log) | 查看git log |
GitLens | 顯示文件最近的commit和作者,顯示當前行commit信息 |
Guides | 高亮縮進基準線 |
Gulp Snippets | Gulp代碼段 |
HTML CSS Class Completion | CSS class提示 |
HTML CSS Support | css提示(支持vue) |
HTMLHint | HTML格式提示 |
Indenticator | 縮進高亮 |
IntelliSense for css class names | css class輸入提示 |
JavaScript Standard Style | Standard風格 |
JavaScript (ES6) code snippets | ES6語法代碼段 |
Less IntelliSense | less變量與混合提示 |
Lodash | Lodash代碼段 |
MochaSnippets | Mocha代碼段 |
Node modules resolve | 快速導航到Node模塊 |
Code Outline | 展示代碼結構樹 |
Output Colorizer | 彩色輸出信息 |
Partial Diff | 對比兩段代碼或文件 |
Path Autocomplete | 路徑完成提示 |
Path Intellisense | 另一個路徑完成提示 |
PostCss Sorting | css排序 |
Prettify JSON | 格式化JSON |
Project Manager | 快速切換項目 |
Quokka.js | 不需要手動運行,行內顯示變量結果 |
REST Client | 發送REST風格的HTTP請求 |
React Native Storybooks | storybook預覽插件,支持react |
React Playground | 為編輯器提供一個react組件運行環境,方便調試 |
React Standard Style code snippets | react standar風格代碼塊 |
Sass | sass插件 |
Settings Sync | VSCode設置同步到Gist |
Sort Typescript Imports | typescript的import排序 |
Sort lines | 排序選中行 |
String Manipulation | 字符串轉換處理(駝峰、大寫開頭、下劃線等等) |
Syncing vscode | 設置同步到gist |
TODO Parser | Todo管理 |
TS/JS postfix completion | ts/js前綴提示 |
TSLint | TypeScript語法檢查 |
Test Spec Generator | 測試用例生成(支持chai、should、jasmine) |
TypeScript Import | TS自動import |
TypeSearch | TS聲明文件搜索 |
Types auto installer | 自動安裝@types聲明依賴 |
VSCode Great Icons | 文件圖標拓展 |
Version Lens | package.json文件顯示模塊當前版本和最新版本 |