名稱功能

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 (ES6) code snippets	ES6語(yǔ)法代碼段
JavaScript Standard Style	Standard風(fēng)格
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)前版本和最新版本
View Node Package	快速打開選中模塊的主頁(yè)和代碼倉(cāng)庫(kù)
VueHelper	Vue2代碼段（包括Vue2 api、vue-router2、vuex2）
filesize	狀態(tài)欄顯示當(dāng)前文件大小
ftp-sync	同步文件到ftp
gitignore	.gitignore文件語(yǔ)法
htmltagwrap	快捷包裹html標(biāo)簽
language-stylus	Stylus語(yǔ)法高亮和提示
markdownlint	Markdown格式提示
npm Intellisense	導(dǎo)入模塊時(shí)，提示已安裝模塊名稱
npm	運(yùn)行npm命令
stylelint	css/sass/less代碼風(fēng)格
vetur	目前比較好的Vue語(yǔ)法高亮
vscode-database	操作數(shù)據(jù)庫(kù)，支持mysql和postgres
vscode-icons	文件圖標(biāo)，方便定位文件
vscode-random	隨機(jī)字符串生成器
vscode-styled-components	styled-components高亮支持
vscode-styled-jsx	styled-jsx高亮支持
vscode-fileheader	文件頭部添加注釋作者名、日期等

總結(jié)

以上是生活随笔為你收集整理的前端开发VScode常用插件的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。