vscode中使用vue的一些插件总结(方便开发)

 更新时间:2022年11月16日 12:38:42   作者:ZHUzhuzhu08  
对于很多使用vscode编写vue项目的新手同学来说,可能不知道使用什么插件,下面这篇文章主要给大家介绍了关于vscode中使用vue的一些插件,文中通过图文介绍的非常详细,需要的朋友可以参考下

1、vue 2 Snippets (vue语法提示)

vue提示这个也可以

1.1 Vue VSCode Snippets

2、vetur

Vetur支持.vue文件的语法高亮显示,除了支持template模板以外

3、Element UI Snippets(饿了么的提示)

4、indent-rainbow(缩进高亮提示)

5、Live Server(跟vue不相关但是可以开一个本地服务,跑在本地服务)  

5、open in browser(跑html到浏览器上)

6、Luke Dark Theme

(自己比较喜欢用的主题色,舒适的 VSCode 暗色主题 —— Luke Dark Theme)

7、 One Dark Pro(提供方便确定的图标)

8、prettier  保存时代码修改成你想要的

总结

到此这篇关于vscode中使用vue的一些插件总结的文章就介绍到这了,更多相关vscode使用vue的插件内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • vue3中使用jsx的实现步骤

    vue3中使用jsx的实现步骤

    本文主要介绍了vue3中使用jsx的实现步骤,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2023-07-07
  • 基于vue实现滚动条滚动到指定位置对应位置数字进行tween特效

    基于vue实现滚动条滚动到指定位置对应位置数字进行tween特效

    这篇文章主要介绍了基于vue实现滚动条滚动到指定位置对应位置数字进行tween特效,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-04-04
  • Vue h函数的使用详解

    Vue h函数的使用详解

    本文主要介绍了Vue h函数的使用详解,文中通过示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-12-12
  • Vue通知提醒框(Notification)图文详解

    Vue通知提醒框(Notification)图文详解

    最近有个项目需求就是在客户端的右上角要实时展示提醒消息,下面这篇文章主要给大家介绍了关于Vue通知提醒框(Notification)的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2022-11-11
  • Vue3响应式对象是如何实现的(2)

    Vue3响应式对象是如何实现的(2)

    这篇文章主要介绍了Vue3响应式对象是如何实现的,文章基于上篇文章展开详细的内容介绍,具有一定的参考价值,需要的小伙伴可以参考一下
    2022-08-08
  • 整理项目中vue.config.js打包优化配置方法

    整理项目中vue.config.js打包优化配置方法

    这篇文章主要介绍了整理项目中vue.config.js打包优化,包括配置 webpack-bundle-analyzer 插件查看文件大小及配置compression-webpack-plugin 用gzip压缩打包的文件大小,本文结合实例代码介绍的非常详细,需要的朋友可以参考下
    2023-02-02
  • Ant design vue table 单击行选中 勾选checkbox教程

    Ant design vue table 单击行选中 勾选checkbox教程

    这篇文章主要介绍了Ant design vue table 单击行选中 勾选checkbox教程,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2020-10-10
  • VUE3基于vite封装条形码和二维码组件的详细过程

    VUE3基于vite封装条形码和二维码组件的详细过程

    基础组件开发是项目业务开发的基石, 本文主要介绍了通过vue3的vite脚手架快速搭建项目, 开发条形码和二维码组件的过程,感兴趣的朋友跟随小编一起看看吧
    2023-08-08
  • vue3锚点定位两种实现方式示例

    vue3锚点定位两种实现方式示例

    这篇文章主要给大家介绍了关于vue3锚点定位两种实现的相关资料,说到锚点定位,很多人第一时间会想到 a标签,但是a标签实现的锚点定位并不是那么的完美,需要的朋友可以参考下
    2023-07-07
  • npm ERR! code E404在vscode安装插件时报错的两种解决方案

    npm ERR! code E404在vscode安装插件时报错的两种解决方案

    这篇文章主要给大家介绍了关于npm ERR! code E404在vscode安装插件时报错的两种解决方案,关于这个问题,通常是由于插件名称输入错误、网络问题或插件已被删除引起的,文中将两种解决方法都介绍的非常详细,需要的朋友可以参考下
    2023-04-04

最新评论