详解vscode中vue代码颜色插件

雪飘落在对面的屋顶上,屋顶像蒙了一条闪着银光的纱巾,美丽极了。雪飘落在树上,树上像缀满了银色的小花。雪飘落在操场上,操场变得像铺满棉花一样白茫茫的一片。

vue提示插件【Vscode】

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

在VSCode Marketplace 搜素Vue 出现关于语法高亮的插件有 vuevue-beautifyvue-colorVueHelpervertur等等。比较了下载数量可以了解到,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代码颜色插件到此结束。笑着活是一辈子,哭着活也是一辈子。反正只要活着就笑着活下去吧。小编再次感谢大家对我们的支持!

您可能有感兴趣的文章
如何使用vscode 开发uniapp的方法

VSCode开发UNI-APP 配置好代码教程及插件

VSCode搭建Vue项目的方法

vsCode一键生成vue模板

vscode 配置vue+vetur+eslint+prettier自动格式化功能