詳解vscode中vue代碼顏色插件
vue提示插件【Vscode】
編者寄語(yǔ)：vscode的確是前端開(kāi)發(fā)中很好的工具，安裝顏色插件，從視覺(jué)上是美的享受。曾經(jīng)的我遇到了vscode代碼全是灰色，黑色的困惑，后來(lái)整理找到方法，整理這篇，以下高亮插件，建議大家都安裝了。
在VSCode Marketplace 搜素Vue 出現(xiàn)關(guān)于語(yǔ)法高亮的插件有 vue，vue-beautify，vue-color，VueHelper，vertur等等。比較了下載數(shù)量可以了解到，vetur 是目前比較好的語(yǔ)法高亮插件，我們來(lái)安裝一下吧。
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,等開(kāi)發(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ù)，地址，電話(huà)，圖片等等
Regex Previewer 測(cè)試正則的插件
總結(jié)
以上所述是小編給大家介紹的vscode中vue代碼顏色插件，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
相關(guān)文章
如何使用Vue3的onMounted鉤子函數(shù)及vue3中onMounted的用法詳解
本文詳細(xì)介紹了Vue3中的`onMounted`鉤子函數(shù)的前世今生,包括其在Vue2中的前身`mounted`鉤子,以及Vue3中使用Composition?API的`onMounted`鉤子的用法,文章涵蓋了`onMounted`的多種用法,感興趣的朋友跟隨小編一起看看吧2024-11-11
vue的watch監(jiān)聽(tīng)器取消的方法小結(jié)
在 Vue 中,watch 監(jiān)聽(tīng)器是可以取消的,取消監(jiān)聽(tīng)器的方式取決于你是如何使用 watch 的,所以本文給大家餓介紹了vue的watch監(jiān)聽(tīng)器取消的方法,并通過(guò)代碼示例講解的非常詳細(xì),需要的朋友可以參考下2025-02-02
這篇文章主要介紹了Vue從TodoList中學(xué)父子組件通信，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2019-02-02
vue如何實(shí)現(xiàn)二進(jìn)制流文件導(dǎo)出excel
這篇文章主要介紹了vue如何實(shí)現(xiàn)二進(jìn)制流文件導(dǎo)出excel，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-06-06
vue-router如何實(shí)現(xiàn)history模式配置
這篇文章主要介紹了vue-router如何實(shí)現(xiàn)history模式配置，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-06-06
vue中接口域名配置為全局變量的實(shí)現(xiàn)方法
今天小編就為大家分享一篇vue中接口域名配置為全局變量的實(shí)現(xiàn)方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-09-09
Vue中常用的rules校驗(yàn)規(guī)則的實(shí)現(xiàn)
在vue開(kāi)發(fā)中,難免遇到各種表單校驗(yàn),本文主要介紹了Vue中常用的rules校驗(yàn)規(guī)則的實(shí)現(xiàn),具有一定的參考價(jià)值,感興趣的可以了解一下2023-10-10
vue3封裝el-pagination分頁(yè)組件的完整代碼
這篇文章主要介紹了vue3封裝el-pagination分頁(yè)組件的完整代碼,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),感興趣的朋友跟隨小編一起看看吧2024-02-02
使用Vue實(shí)現(xiàn)移動(dòng)端左滑刪除效果附源碼
這篇文章主要介紹了使用Vue實(shí)現(xiàn)移動(dòng)端左滑刪除效果，非常不錯(cuò)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-05-05
這篇文章主要介紹了ant-design-vue按需加載的坑的解決，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-05-05