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