当前位置: 移动技术网 > IT编程>脚本编程>vue.js > 详解vscode中vue代码颜色插件

详解vscode中vue代码颜色插件

2019年05月30日  | 移动技术网IT编程  | 我要评论

尤宇生,纨绔十三少,宝岛规律王

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代码颜色插件,希望对大家有所帮助

如对本文有疑问,请在下面进行留言讨论,广大热心网友会与你互动!! 点击进行留言回复

相关文章:

验证码:
移动技术网