快捷導(dǎo)航

解決vscode?Better?Comments插件在vue文件中不顯示相對(duì)應(yīng)的顏色的問(wèn)題

更新時(shí)間：2022年09月16日 15:00:52 作者：bigHead-

最近使用了Better?Comments這款插件，發(fā)現(xiàn)在ts文件中可以顯示對(duì)應(yīng)的顏色，但在vue文件中并不顯示對(duì)應(yīng)顏色?，下面小編給大家分享解決方法，感興趣的朋友跟隨小編一起看看吧

最近使用了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)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章:

相關(guān)文章

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