用VScode做vue开发好用的小工具（推荐）

最新推荐文章于 2024-09-27 09:41:13 发布
最新推荐文章于 2024-09-27 09:41:13 发布
阅读量1.3k 收藏
点赞数
文章标签： vue.js vscode 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/caigoutu/article/details/126311452
版权

目前用到这些

在这里插入图片描述

1、vetur（组件友好）

  • 给组件里样式标签的自动补全
  • 新开一个组件时，快捷键： <v ，即可快速生成组件三标签
    在这里插入图片描述

2、element-ui相关

1、添加 Element UI Snippets 插件

在这里插入图片描述
在这里插入图片描述

2、添加 vue-helper 插件
在这里插入图片描述

3、Live Server（重要）

给vscode安了一个小型服务器，实时刷新页面

4、Prettier（代码格式化）

格式化代码结构，赏心悦目

5、Ayu（代码颜色）

多种颜色代码，嘎嘎炫酷

兔子团
关注
vue开发工具
01-10
vue开发工具
VSCode的Vue工具
08-08
VSCode（Visual Studio Code）是Microsoft开发的一款强大的源代码编辑器，它支持多种编程语言，对于Vue.js开发者来说，尤其是一把利器。...通过安装和配置如Vetur这样的插件，VSCode可以成为你不可或缺的Vue开发利器。
vue-devtools 必备开发工具
热门推荐
大灰狼的小绵羊哥哥的博客
04-18 4万+
最近在研究vue单页面应用，一步一步用上全家桶，开发避免不了的就是调试工具，因为vue是进行数据驱动的，单从chrome里面进行element查看，查不到什么鸟东西，必须要进行对数据动向进行关查，那我就行一步一步教大安装 1.github下载地址：https://github.com/vuejs/vue-devtools 有git的同学直接 git clone https://gith
Vue 新一代开发者工具正式开源！
最新发布
m0_71349739的博客
09-27 592
Vue DevTools 是一个旨在增强 Vue 开发人员体验的工具，它提供了一些功能来帮助开发者更好地了解 Vue 应用。下面就来看看新一代 Vue DevTools 的功能和使用方法！如果项目使用 Vite，强烈建议将其作为运行 DevTools 的首选项，因为它提供了更强大的功能。
Vue的开发常用的工具有哪些？
Aa112233aA1的博客
03-24 2万+
相比其他大型框架，Vue更加灵活，开发者既可以选择使用Vue来开发一个全新项目，也可以将Vue引入到一个现有的项目中。代码简洁、上手容易，深受开发者青睐。本节我们将对Vue的开发环境以及常用工具的使用进行讲解。 1.Visual Studio Code编辑器 Visual Studio Code(VS Code)是由微软公司推出的一款免费、开源的编辑器，推出之后便很快流行起来，深受开发者的青睐。作为前端开发人员来说，一个强大的编辑器可以让开发变得简单、便捷、高效。本书选择基于VS Code编辑器进行讲解。
2024年Vue开发中的8个最佳工具
葡萄城技术团队博客
01-03 8304
此外，Vitest作为一个强大的测试框架，NativeScript可实现跨平台移动应用程序开发，Vant提供了丰富的移动UI库，而Vue Router则处理着路由相关的事务，同时Webpack提供了强大的模块打包能力。是一个基于Vue.js的JavaScript测试框架，它为运行单元和集成测试提供了全面的测试解决方案，确保 Vue.js 组件和应用程序逻辑的质量和可靠性。随着时间的推移，Vue不断进化，为开发者提供更多优秀的工具，以提高他们的效率，构建卓越的应用。
vue开发常用的工具有哪些
m0_64292323的博客
03-26 2988
相比其他大型框架，Vue更加灵活，开发者既可以选择使用Vue来开发一个全新项目，也可以将Vue引入到一个现有的项目中。代码简洁、上手容易，深受开发者青睐。本节我们将对Vue的开发环境以及常用工具的使用进行讲解。一.
用vscode开发vue应用的方法步骤
10-17
总的来说，VSCode结合Vue CLI、Vetur、ESLint和Prettier，为Vue开发提供了强大的支持。正确配置这些工具，有助于提升代码质量和团队协作效率。保持良好的代码风格，不仅可以使代码更易于阅读和维护，还能提高开发者...
VSCode Vue开发推荐插件和VSCode快捷键(小结)
10-14
关于Visual Studio Code（简称VSCode）的Vue开发推荐插件和VSCode快捷键的知识点，主要可以从以下几个方面来深入了解： 1. VSCode Vue开发推荐插件： - Vetur：Vetur是VSCode中专为Vue开发设计的一个重要插件，它...
vscode 开发Vue项目的方法步骤
10-17
标题《vscode 开发Vue项目的方法步骤》涉及的知识点如下： 1. **VSCode基础设置**： VSCode是一款由微软开发的轻量级代码编辑器，深受前端开发者的喜爱。开发Vue项目之前，首先需要对VSCode进行必要的配置，包括...
分享 27 个面向开发人员的最佳 Vue.js 开发工具
前端达人
04-02 5166
英文 | https://javascript.plainenglish.io/best-27-vuejs-development-tools-for-developers-bd972bb5f57301、BootstrapVue地址：https://bootstrap-vue.org/一个用于 Vue.js 构建引导接口的开源库。02、Vuex地址：https://vue...
vscode-VueHelper, vscode插件，vue，vue-router和vuex的代码提示.zip
09-17
vscode-VueHelper, vscode插件，vue，vue-router和vuex的代码提示
vscode-VueHelper:vscode插件，vue，vue-router和vuex的代码提示
05-10
VueHelper 笔记 版本更新详情请浏览 关于文件配置问题，请务必看这里： : 特征 （1）可能是Vscode中最好的vue代码片段插件，不仅包含vue2所有api，还包含vue-router 2和vuex 2代码 （2）每个代码段都有详细的描述，主要是为了方便学习，因为当学习忘记使用api时，经常查阅文档会浪费时间，因此我将增加每个代码段的描述，说明根据官方文件得出 | | 片段 基于的代码标准 在vue和vue-router中，vuex general $是vm api的开头，在$编写的vscode代码段中是变量，当您输入$时没有作用。因此对于所有“ $”请输入vm 方式提示许多插件都是使用速记方式，例如，路由器对象方法，输入rtb->会提示router.beforeEach() ，这很方便，但是需要迫使您记住，而不是友好。我认为，当您键入router ，它将列出路由器对
vscode 离线插件vetur和vuehelper
09-10
vscode 离线插件vetur和vuehelper 以及怎么安装的文档；vscode 离线插件vetur和vuehelper 以及怎么安装的文档；
vue-devtools(chrome vue 调试插件) mac windows 前端开发
04-15
chrome（谷歌浏览器）vue代码调试插件， 已打包。解压后，通过chrome扩展程序加载即可使用。 使用方法： 1、chrome浏览器输入地址“chrome://extensions/”进入扩展程序页面 2、勾选开发者模式 3、点击“加载已解压的扩展程序...”按钮，选择解压后的chrome文件夹，即可添加成功。 4、添加完vue-devtools扩展程序之后，我们在调试vue应用的时候，chrome开发者工具中会看一个vue的一栏，点击之后就可以看见当前页面vue对象的一些信息
Vue开发常用的工具有哪些？
CZ-001的博客
04-06 3559
相比其他大型框架，Vue更加灵活，开发者既可以选择使用Vue来开发一个全新项目，也可以将Vue引入到一个现有的项目中。代码简洁、上手容易，深受开发者青睐。本节我们将对Vue的开发环境以及常用工具的使用进行讲解。
Vue开发调试工具
学过的东西，讲不出来等于没学。
12-07 720
学习资料来自尚硅谷VUE教学视频 csdn：课程代码、vue3笔记、课件 gitee：课件、代码、资料 其他：vscode插件推荐、第三方库网站、npmjs库 工具库推荐： moment.js 时间处理工具，很强很大。还有个轻量的叫dayjs 生成全球唯一id工具：uuid，但是很大，有个精简版：nanoid 章节导航： 第 1 章：Vue 核心（上） 第 1 章：Vue 核心（下） 第 2 章：Vue 组件化编程 第 3 章：使用 Vue 脚手架 第 4 章：Vue 中的 ajax 第 5 章：vue
推荐项目：vscode-VueHelper - Vue.js 开发者的超级助手
gitblog_00035的博客
04-27 717
推荐项目：vscode-VueHelper - Vue.js 开发者的超级助手 去发现同类优质开源项目:https://gitcode.com/ 在前端开发领域，Vue.js 已经成为许多开发者首选的框架之一。为了提升开发效率， 这个 Visual Studio Code 插件应运而生，它为 Vue 开发者提供了一系列实用的功能，让代码编写更加便捷。 项目简介 vscode-VueHelper 是...
推荐这几个数据大屏可视化开发工具
u013655559的博客
09-23 5463
❝前沿：最近有需求开始接触数据可视化的开发，前期调研和体验了国内几家比较大的数据可视化解决方案提供商，并对开发中会涉及到一些工具做了筛选，经常在社区看到有小伙伴反馈相关方面的需求，于是借...
VSCode Vue开发：必备插件与快捷键指南
"VSCode Vue开发推荐插件和VSCode快捷键(小结)：本文提供了VSCode用于Vue开发的必备插件清单和常用的VSCode快捷键，旨在帮助开发者提高工作效率和代码质量。" 在Vue开发中，Visual Studio Code (VSCode) 是一个广泛...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值