最近使用了Better Comments這款插件，發(fā)現(xiàn)在ts文件中可以顯示對應的顏色，但在vue文件中并不顯示對應顏色

解決方法如下：

1.打開插件的配置文件夾，即 c盤 -> 用戶 -> 用戶名 -> .vscode文件夾

2.extensions目錄 -> bttter-comments配置文件夾

3.打開配置文件
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-----抽取頁面的class，生成一個css文檔。

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

vscode-Live Server-----http服務(wù)器（相當于使用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  可以在導入語句中自動完成JavaScript / TypeScript模塊。

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

Regex Previewer   測試正則的插件

到此這篇關(guān)于解決vscode Better Comments插件在vue文件中不顯示相對應的顏色的問題的文章就介紹到這了,更多相關(guān)vscode vue顏色內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！