詳解vscode中vue代碼顏色插件
vue提示插件【Vscode】
編者寄語：vscode的確是前端開發(fā)中很好的工具，安裝顏色插件，從視覺上是美的享受。曾經(jīng)的我遇到了vscode代碼全是灰色，黑色的困惑，后來整理找到方法，整理這篇，以下高亮插件，建議大家都安裝了。
在VSCode Marketplace 搜素Vue 出現(xiàn)關(guān)于語法高亮的插件有 vue，vue-beautify，vue-color，VueHelper，vertur等等。比較了下載數(shù)量可以了解到，vetur 是目前比較好的語法高亮插件，我們來安裝一下吧。
vscode提高效率有效使用插件：
vscode-Document This-----jsdoc注釋生成。
vscode-eCSStractor-----抽取頁面的class，生成一個css文檔。
vscode-CSS Peek------class名字定義跳轉(zhuǎn)。（終于擁有dw cc的這個css定義跳轉(zhuǎn)功能）
vscode-Live Server-----http服務(wù)器（相當(dāng)于使用nodejs的http-server ）。
VueHelper Vue2代碼段（包括Vue2 api、vue-router2、vuex2）
Quokka.js 可以即時顯示js和ts的運行結(jié)果，想試驗一些短代碼的運行結(jié)果，但是又不想之后刪除文件的時候可以用到
codeRunner 可以運行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ā)語言并支持局部執(zhí)行
IntelliSense for CSS class names 智能提示 css 的 class 名
Node.js Modules Intellisense 可以在導(dǎo)入語句中自動完成JavaScript / TypeScript模塊。
vscode-faker 生成假數(shù)據(jù)，地址，電話，圖片等等
Regex Previewer 測試正則的插件
總結(jié)
以上所述是小編給大家介紹的vscode中vue代碼顏色插件，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
相關(guān)文章
詳解vite+ts快速搭建vue3項目以及介紹相關(guān)特性
這篇文章主要介紹了vite+ts快速搭建vue3項目以及介紹相關(guān)特性，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-02-02
Vue3.2?setup語法糖及Hook函數(shù)基本使用
這篇文章主要為大家介紹了Vue3.2?setup語法糖及Hook函數(shù)基本使用示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-07-07
這篇文章主要為大家詳細(xì)介紹了Vue+canvas實現(xiàn)視頻截圖功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-07-07
Vue3?中的?readonly?特性及函數(shù)使用詳解
readonly是Vue3中提供的一個新特性，用于將一個響應(yīng)式對象變成只讀對象，這篇文章主要介紹了Vue3?中的?readonly?特性詳解,需要的朋友可以參考下2023-04-04
這篇文章主要為大家介紹了vue與ant-tree結(jié)合偽造懶加載并可以查詢實現(xiàn)示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-07-07
這篇文章主要介紹了vant-Dialog 彈出框的使用小結(jié),本文通過實例代碼給大家介紹的非常詳細(xì),感興趣的朋友跟隨小編一起看看吧2024-02-02
本篇文章主要介紹了Vuex之理解state的用法實例，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-04-04
vue.js項目 el-input 組件 監(jiān)聽回車鍵實現(xiàn)搜索功能示例
今天小編就為大家分享一篇vue.js項目 el-input 組件 監(jiān)聽回車鍵實現(xiàn)搜索功能示例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08
Vue mixin實現(xiàn)組件功能復(fù)用示例詳解
這篇文章主要為大家介紹了Vue mixin實現(xiàn)組件功能復(fù)用示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-10-10
最近在學(xué)習(xí)vue，今天正好發(fā)現(xiàn)個問題，本文介紹了v-html渲染組件問題，整理了問題的解決方法，有需要的小伙伴可以參考下2021-05-05