详解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代码颜色插件,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

相关文章

  • 如何使用Vue3的onMounted钩子函数及vue3中onMounted的用法详解

    如何使用Vue3的onMounted钩子函数及vue3中onMounted的用法详解

    本文详细介绍了Vue3中的`onMounted`钩子函数的前世今生,包括其在Vue2中的前身`mounted`钩子,以及Vue3中使用Composition API的`onMounted`钩子的用法,文章涵盖了`onMounted`的多种用法,感兴趣的朋友跟随小编一起看看吧
    2024-11-11
  • vue的watch监听器取消的方法小结

    vue的watch监听器取消的方法小结

    在 Vue 中,watch 监听器是可以取消的,取消监听器的方式取决于你是如何使用 watch 的,所以本文给大家饿介绍了vue的watch监听器取消的方法,并通过代码示例讲解的非常详细,需要的朋友可以参考下
    2025-02-02
  • Vue从TodoList中学父子组件通信

    Vue从TodoList中学父子组件通信

    这篇文章主要介绍了Vue从TodoList中学父子组件通信,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2019-02-02
  • vue如何实现二进制流文件导出excel

    vue如何实现二进制流文件导出excel

    这篇文章主要介绍了vue如何实现二进制流文件导出excel,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-06-06
  • vue-router如何实现history模式配置

    vue-router如何实现history模式配置

    这篇文章主要介绍了vue-router如何实现history模式配置,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-06-06
  • vue中接口域名配置为全局变量的实现方法

    vue中接口域名配置为全局变量的实现方法

    今天小编就为大家分享一篇vue中接口域名配置为全局变量的实现方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-09-09
  • Vue中常用的rules校验规则的实现

    Vue中常用的rules校验规则的实现

    在vue开发中,难免遇到各种表单校验,本文主要介绍了Vue中常用的rules校验规则的实现,具有一定的参考价值,感兴趣的可以了解一下
    2023-10-10
  • vue3封装el-pagination分页组件的完整代码

    vue3封装el-pagination分页组件的完整代码

    这篇文章主要介绍了vue3封装el-pagination分页组件的完整代码,本文通过实例代码给大家介绍的非常详细,感兴趣的朋友跟随小编一起看看吧
    2024-02-02
  • 使用Vue实现移动端左滑删除效果附源码

    使用Vue实现移动端左滑删除效果附源码

    这篇文章主要介绍了使用Vue实现移动端左滑删除效果,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-05-05
  • ant-design-vue按需加载的坑的解决

    ant-design-vue按需加载的坑的解决

    这篇文章主要介绍了ant-design-vue按需加载的坑的解决,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-05-05

最新评论