vscode中vue代码颜色插件

Posted fron-tend

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vscode中vue代码颜色插件相关的知识,希望对你有一定的参考价值。

vue提示插件【Vscode】
      编者寄语:vscode的确是前端开发中很好的工具,安装颜色插件,从视觉上是美的享受。曾经的我遇到了vscode代码全是灰色,黑色的困惑,后来整理找到方法,整理这篇,以下高亮插件,建议大家都安装了。

          在VSCode Marketplace 搜素Vue 出现关于语法高亮的插件有 vue,vue-beautify,vue-color,VueHelper,vertur等等。比较了下载数量可以了解到,vetur 是目前比较好的语法高亮插件,我们来安装一下吧。


技术分享图片


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,等开发语言并支持局部执行

IntelliSense for CSS class names  智能提示 css 的 class 名

Node.js Modules Intellisense  可以在导入语句中自动完成JavaScript / TypeScript模块。

vscode-faker   生成假数据,地址,电话,图片等等

Regex Previewer   测试正则的插件





以上是关于vscode中vue代码颜色插件的主要内容,如果未能解决你的问题,请参考以下文章

vscode中vue怎么格式化代码

vue选idea还是vscode

vscode中vue代码高亮用啥插件

在vscode中编写vue代码,new Vue还有其他vue语法都没有代码补全和提示,该怎么设置?

vscode里面vue怎么变成彩色

Vscode插件Vue VSCode Snippets生成Vue模板代码使用大全