解決vscode?Better?Comments插件在vue文件中不顯示相對應(yīng)的顏色的問題
最近使用了Better Comments這款插件，發(fā)現(xiàn)在ts文件中可以顯示對應(yīng)的顏色，但在vue文件中并不顯示對應(yīng)顏色
解決方法如下：
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ù)器（相當(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 測試正則的插件
到此這篇關(guān)于解決vscode Better Comments插件在vue文件中不顯示相對應(yīng)的顏色的問題的文章就介紹到這了,更多相關(guān)vscode vue顏色內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
詳解elementui之el-image-viewer(圖片查看器)
這篇文章主要介紹了詳解elementui之el-image-viewer(圖片查看器)，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-08-08
這篇文章主要為大家詳細介紹了vue上傳圖片組件的編寫代碼，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-07-07
Vue中的echarts圖表如何實現(xiàn)loading效果
這篇文章主要介紹了Vue中的echarts圖表如何實現(xiàn)loading效果，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-08-08
這篇文章主要介紹了詳解vuex的簡單todolist例子,文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-07-07
這篇文章主要給大家介紹了關(guān)于vue3中ace-editor簡單使用的相關(guān)資料,ace-editor是一種代碼編輯器,文中通過代碼介紹的非常詳細,需要的朋友可以參考下2023-10-10
在使用 Vue 開發(fā)前端的時候遇到一個場景在首頁進行一些數(shù)據(jù)搜索，點擊搜索結(jié)果進入詳情頁面，瀏覽詳情頁后返回主頁，所以需要在返回后恢復(fù)跳轉(zhuǎn)前的頁面參數(shù)狀態(tài)，今天通過本文給大家分享Vue 路由頁面狀態(tài)返回的操作方法，一起看看吧2021-07-07
Vue-router中hash模式與history模式的區(qū)別詳解
這篇文章主要給大家介紹了關(guān)于Vue-router中hash模式與history模式區(qū)別的相關(guān)資料，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-12-12
這篇文章主要介紹了Vue3?PC端頁面開發(fā)規(guī)范及說明，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-12-12
有關(guān)vue 開發(fā)釘釘 H5 微應(yīng)用 dd.ready() 不執(zhí)行問題及快速解決方案
這篇文章主要介紹了有關(guān)vue 開發(fā)的釘釘 H5 微應(yīng)用 dd.ready() 不執(zhí)行問題及快速解決方案,本文給大家介紹的非常詳細，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2020-05-05
這篇文章主要給大家介紹了關(guān)于如何在項目中封裝axios的相關(guān)資料,axios 請求的封裝,無非是為了方便代碼管理,文中通過示例代碼介紹的非常詳細,需要的朋友可以參考下2021-09-09