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