详解vscode中vue代码颜色插件

 更新时间:2018年10月11日 11:29:24   作者:AaronQing   我要评论

vscode的确是前端开发中很好的工具,安装颜色插件,从视觉上是美的享受。这篇文章主要介绍了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代码颜色插件,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

相关文章

  • Vue中自定义全局组件的实现方法

    Vue中自定义全局组件的实现方法

    这两天学习了Vue.js 感觉组件这个地方知识点挺多的,而且很重要,所以这篇文章主要给大家介绍了关于Vue中自定义全局组件的实现方法,文中通过示例代码介绍的非常详细,对大家学习或者使用vue具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧。
    2017-12-12
  • 详解vue渲染函数render的使用

    详解vue渲染函数render的使用

    本篇文章主要介绍了vue渲染函数render的使用,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-12-12
  • vue webpack开发访问后台接口全局配置的方法

    vue webpack开发访问后台接口全局配置的方法

    今天小编就为大家分享一篇vue webpack开发访问后台接口全局配置的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-09-09
  • Vue单页面应用保证F5强刷不清空数据的解决方案

    Vue单页面应用保证F5强刷不清空数据的解决方案

    最近小编遇到这样的问题当vue单页面按F5强刷,数据就恢复初始了,这怎么办呢?下面小编给大家带来了Vue单页面应用保证F5强刷不清空数据的解决方案,感兴趣的朋友一起看看吧
    2018-01-01
  • Vue自定义弹窗指令的实现代码

    Vue自定义弹窗指令的实现代码

    使用vue2.0实现自定义弹窗指令,当标签有该指令时,点击标签可以弹出弹窗。下面通过实例代码给大家介绍Vue自定义弹窗指令的相关知识,感兴趣的朋友一起看看吧
    2018-08-08
  • 解决vue-quill-editor上传内容由于图片是base64的导致字符太长的问题

    解决vue-quill-editor上传内容由于图片是base64的导致字符太长的

    vue-quill-editor默认插入图片是直接将图片转为base64再放入内容中,如果图片较多,篇幅太长,就会比较烦恼,接下来通过本文给大家介绍vue-quill-editor上传内容由于图片是base64的导致字符太长的问题及解决方法,需要的朋友可以参考下
    2018-08-08
  • vue.js学习笔记:如何加载本地json文件

    vue.js学习笔记:如何加载本地json文件

    这篇文章主要介绍了vue.js学习笔记:如何加载本地json文件,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧。
    2017-01-01
  • vue 组件使用中的一些细节点

    vue 组件使用中的一些细节点

    这篇文章主要介绍了vue 组件使用中的一些细节点,大概有两大细节点,本文通过基础实例给大家介绍的非常详细,需要的朋友参考下吧
    2018-04-04
  • 基于vue.js中事件修饰符.self的用法(详解)

    基于vue.js中事件修饰符.self的用法(详解)

    下面小编就为大家分享一篇基于vue.js中事件修饰符.self的用法详解,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-02-02
  • Vue计算属性的学习笔记

    Vue计算属性的学习笔记

    这篇文章主要为大家详细介绍了Vue计算属性的学习笔记,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-03-03

最新评论