解決vscode?Better?Comments插件在vue文件中不顯示相對(duì)應(yīng)的顏色的問(wèn)題
最近使用了Better Comments這款插件，發(fā)現(xiàn)在ts文件中可以顯示對(duì)應(yīng)的顏色，但在vue文件中并不顯示對(duì)應(yīng)顏色
解決方法如下：
1.打開(kāi)插件的配置文件夾，即 c盤(pán) -> 用戶 -> 用戶名 -> .vscode文件夾
2.extensions目錄 -> bttter-comments配置文件夾
3.打開(kāi)配置文件
aaron-bond.better-comments-3.0.2 -> out -> parser.js
4.修改配置文件，添加如下代碼
case "vue":
this.setCommentFormat("http://", "/*", "*/")
break;
5. 保存代碼，重啟vscode即可
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ù)，地址，電話，圖片等等
Regex Previewer 測(cè)試正則的插件
到此這篇關(guān)于解決vscode Better Comments插件在vue文件中不顯示相對(duì)應(yīng)的顏色的問(wèn)題的文章就介紹到這了,更多相關(guān)vscode vue顏色內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
- 詳解vscode中vue代碼顏色插件
- 推薦VSCode 上特別好用的 Vue 插件之vetur
- VsCode工具開(kāi)發(fā)vue項(xiàng)目必裝插件清單(推薦!)
- Vue項(xiàng)目vscode 安裝eslint插件的方法(代碼自動(dòng)修復(fù))
- VSCode Vue開(kāi)發(fā)推薦插件和VSCode快捷鍵(小結(jié))
- VSCode提高 Node 和 Vue 開(kāi)發(fā)效率的插件推薦
- vscode 插件開(kāi)發(fā) + vue的操作方法
- vscode中使用vue的一些插件總結(jié)(方便開(kāi)發(fā))
- Vue3開(kāi)發(fā)必備的六個(gè)VSCode插件推薦
相關(guān)文章
解決vue3.0運(yùn)行項(xiàng)目warning Insert `·` prettier/pret
這篇文章主要介紹了解決vue3.0運(yùn)行項(xiàng)目warning Insert `·` prettier/prettier問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2023-10-10
Vue echarts 實(shí)現(xiàn)離線中國(guó)地圖的示例代碼(細(xì)化到省份)
這篇文章主要介紹了Vue echarts 實(shí)現(xiàn)離線中國(guó)地圖,細(xì)化到省份,本文通過(guò)示例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2022-09-09
vue移動(dòng)端自適應(yīng)適配問(wèn)題詳解
這篇文章主要介紹了vue移動(dòng)端自適應(yīng)適配問(wèn)題，本文通過(guò)實(shí)例代碼詳解給大家介紹的非常詳細(xì)，需要的朋友可以參考下2021-04-04
Vue.js響應(yīng)式數(shù)據(jù)的簡(jiǎn)單實(shí)現(xiàn)方法(一看就會(huì))
Vue最巧妙的特性之一是其響應(yīng)式系統(tǒng),下面這篇文章主要給大家介紹了關(guān)于Vue.js響應(yīng)式數(shù)據(jù)的簡(jiǎn)單實(shí)現(xiàn)方法,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-03-03
這篇文章主要介紹了vue中render函數(shù)的使用詳解，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-10-10
vue中el-tab如何點(diǎn)擊不同標(biāo)簽觸發(fā)不同函數(shù)的實(shí)現(xiàn)
el-tab本身的功能是點(diǎn)擊之后切換不同頁(yè),本文主要介紹了vue中el-tab如何點(diǎn)擊不同標(biāo)簽觸發(fā)不同函數(shù)的實(shí)現(xiàn),具有一定的參考價(jià)值,感興趣的可以了解一下2024-03-03
這篇文章主要介紹了如何解決Element UI中NavMenu折疊菜單的坑,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-07-07
Vue 本身以及周邊生態(tài)在設(shè)計(jì)語(yǔ)法糖上幾乎沒(méi)讓我失望過(guò),包括本次亮相的 Vue Vine,它的出現(xiàn)引起了我對(duì) Vue3 組件編寫(xiě)方式的好奇,以及哪一種方式更接近「最佳實(shí)踐」？下面讓我來(lái)為大家一一道來(lái)2024-07-07
vue-cli3環(huán)境變量與分環(huán)境打包的方法示例
這篇文章主要介紹了vue-cli3環(huán)境變量與分環(huán)境打包的方法示例，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2019-02-02
Vue無(wú)法訪問(wèn).env.development定義的變量值問(wèn)題及解決
這篇文章主要介紹了Vue無(wú)法訪問(wèn).env.development定義的變量值問(wèn)題及解決，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-01-01