建站
咨詢
售后
建站咨詢
新聞中心
這篇文章給大家分享的是有關(guān)VSCode開發(fā)常用的插件有哪些的內(nèi)容。小編覺(jué)得挺實(shí)用的，因此分享給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧。
Visual Studio Code必備常用插件
紅色為強(qiáng)力推薦，不容錯(cuò)過(guò) o(∩_∩)o
Chinese (Simplified) Language Pack for Visual Studio Code
簡(jiǎn)體中文包Prettier - Code formatter
最強(qiáng)格式化，不接受反駁（在應(yīng)用商店中卸載JS-CSS-HTML Formatter以免出現(xiàn)保存時(shí)自動(dòng)格式化了）HTML Snippets
超級(jí)實(shí)用且初級(jí)的 H5代碼片段以及提示Code Runner
代碼編譯運(yùn)行看結(jié)果，支持眾多語(yǔ)言GitLens
豐富的git日志插件vetur
vue語(yǔ)法高亮、智能感知、Emmet等HTML CSS Support
讓 html 標(biāo)簽上寫class 智能提示當(dāng)前項(xiàng)目所支持的樣式。新版已經(jīng)支持scss文件檢索，這個(gè)也是必備插件之一Auto Close Tag
匹配標(biāo)簽，關(guān)閉對(duì)應(yīng)的標(biāo)簽。很實(shí)用【HTML/XML】Auto Rename Tag
修改 html 標(biāo)簽，自動(dòng)幫你完成尾部閉合標(biāo)簽的同步修改Path Intellisense
路徑智能提示JavaScript (ES6) code snippets
該插件為JavaScript、TypeScript、HTML、React和Vue提供了ES6語(yǔ)法支持。Live Server
瀏覽器實(shí)時(shí)刷新。右鍵“Open With Live Server”開啟open in browser
從瀏覽器中查看html文件，使用系統(tǒng)的當(dāng)前默認(rèn)瀏覽器Bracket Pair Colorizer
讓括號(hào)擁有獨(dú)立的顏色，易于區(qū)分?？梢耘浜先我庵黝}使用。ESLint
ESLint代碼檢測(cè)校驗(yàn)vscode-icon
讓 vscode 資源樹目錄加上圖標(biāo)，必備良品！Debugger for Chrome
讓 vscode 映射 chrome 的 debug功能，靜態(tài)頁(yè)面都可以用 vscode 來(lái)打斷點(diǎn)調(diào)試，真666~IntelliSense for CSS class names in HTML
把項(xiàng)目中 css 文件里的名稱智能提示在 html 中minapp
微信小程序標(biāo)簽、屬性的智能補(bǔ)全（同時(shí)支持原生小程序、mpvue 和 wepy 框架，并提供 snippets）CSS Peek
追蹤至樣式表中 CSS 類定義的地方
ctrl+鼠標(biāo)左鍵點(diǎn)擊class 或 鼠標(biāo)右鍵“跳轉(zhuǎn)到定義（F12）”Manta’s Stylus Supremacy
格式化stylusjQuery Code Snippets
jquery 重度患者必須品Class autocomplete for HTML
編寫html代碼的朋友們對(duì)html代碼的一大體現(xiàn)就是重復(fù)，如果純用手敲不僅累還會(huì)影響項(xiàng)目進(jìn)度，這款自動(dòng)補(bǔ)全插件真的很棒；JavaScript Snippet Pack
針對(duì)js的插件，包含了js的常用語(yǔ)法關(guān)鍵字，很實(shí)用；Path Autocomplete
路徑智能補(bǔ)全beautify
格式化代碼的工具，可以格式化JSON|JS|HTML|CSS|SCSS,比內(nèi)置格式化好用HTMLHint
html代碼檢測(cè)VSCode Great Icons
另一款資源樹目錄圖標(biāo)colorize
會(huì)給顏色代碼增加一個(gè)當(dāng)前匹配代碼顏色的背景，非常好Color Info
提供你在 CSS 中使用顏色的相關(guān)信息。你只需在顏色上懸停光標(biāo)，就可以預(yù)覽色塊中色彩模型的（HEX、 RGB、HSL 和 CMYK）相關(guān)信息了。vscode-fileheader
頂部注釋模板，可定義作者、時(shí)間等信息，并會(huì)自動(dòng)更新最后修改時(shí)間Document This
js 的注釋模板 （注意：新版的vscode已經(jīng)原生支持,在function上輸入/** tab）filesize
在底部狀態(tài)欄顯示當(dāng)前文件大小，點(diǎn)擊后還可以看到詳細(xì)創(chuàng)建、修改時(shí)間Bootstrap 3 Sinnpet
常用 bootstrap 的可以下VueHelper
vue代碼提示Bookmarks
一個(gè)書簽工具,還是很有必要的tortoise-svn
SVN的集成插件
感謝各位的閱讀！關(guān)于VSCode開發(fā)常用的插件有哪些就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，讓大家可以學(xué)到更多知識(shí)。如果覺(jué)得文章不錯(cuò)，可以把它分享出去讓更多的人看到吧！
網(wǎng)站欄目：VSCode開發(fā)常用的插件有哪些-創(chuàng)新互聯(lián)
轉(zhuǎn)載來(lái)于：http://fisionsoft.com.cn/article/csosgj.html
