vscode中vue代碼顏色插件有哪些

本文將為大家詳細(xì)介紹“vscode中vue代碼顏色插件有哪些”，內(nèi)容步驟清晰詳細(xì)，細(xì)節(jié)處理妥當(dāng)，而小編每天都會(huì)更新不同的知識(shí)點(diǎn)，希望這篇“vscode中vue代碼顏色插件有哪些”能夠給你意想不到的收獲，請(qǐng)大家跟著小編的思路慢慢深入，具體內(nèi)容如下，一起去收獲新知識(shí)吧。

vscode有什么用

Visual Studio Code 是一個(gè)運(yùn)行于 OS X，Windows和 Linux 之上的，針對(duì)于編寫現(xiàn)代 web 和云應(yīng)用的跨平臺(tái)編輯器，它為開發(fā)者們提供了對(duì)多種編程語(yǔ)言的內(nèi)置支持，并且正如 Microsoft 在Build 大會(huì)的 keynote 中所指出的，這款編輯器也會(huì)為這些語(yǔ)言都提供了豐富的代碼補(bǔ)全和導(dǎo)航功能。

vue提示插件【Vscode】

      編者寄語(yǔ)：vscode的確是前端開發(fā)中很好的工具，安裝顏色插件，從視覺上是美的享受。曾經(jīng)的我遇到了vscode代碼全是灰色，黑色的困惑，后來整理找到方法，整理這篇，以下高亮插件，建議大家都安裝了。

          在VSCode Marketplace 搜素Vue 出現(xiàn)關(guān)于語(yǔ)法高亮的插件有 vue，vue-beautify，vue-color，VueHelper，vertur等等。比較了下載數(shù)量可以了解到，vetur 是目前比較好的語(yǔ)法高亮插件，我們來安裝一下吧。

vscode提高效率有效使用插件：

vscode-Document This-----jsdoc注釋生成。

vscode-eCSStractor-----抽取頁(yè)面的class，生成一個(gè)css文檔。

vscode-CSS Peek------class名字定義跳轉(zhuǎn)。（終于擁有dw cc的這個(gè)css定義跳轉(zhuǎn)功能）

vscode-Live Server-----http服務(wù)器（相當(dāng)于使用nodejs的http-server ）。

VueHelper  Vue2代碼段（包括Vue2 api、vue-router2、vuex2）

Quokka.js  可以即時(shí)顯示js和ts的運(yùn)行結(jié)果，想試驗(yàn)一些短代碼的運(yùn)行結(jié)果，但是又不想之后刪除文件的時(shí)候可以用到

codeRunner 可以運(yùn)行C, C++, Java, JavaScript, PHP, Python, Perl, Perl 6, Ruby, Go, Lua, Groovy, PowerShell, BAT/CMD, BASH/SH, F# Script, F# (.NET Core), C# Script,等開發(fā)語(yǔ)言并支持局部執(zhí)行

IntelliSense for CSS class names  智能提示 css 的 class 名

Node.js Modules Intellisense  可以在導(dǎo)入語(yǔ)句中自動(dòng)完成JavaScript / TypeScript模塊。

vscode-faker   生成假數(shù)據(jù)，地址，電話，圖片等等

Regex Previewer   測(cè)試正則的插件

如果你能讀到這里，小編希望你對(duì)“vscode中vue代碼顏色插件有哪些”這一關(guān)鍵問題有了從實(shí)踐層面最深刻的體會(huì)，具體使用情況還需要大家自己動(dòng)手實(shí)踐使用過才能領(lǐng)會(huì)，如果想閱讀更多相關(guān)內(nèi)容的文章，歡迎關(guān)注億速云行業(yè)資訊頻道！