本教程操作环境：windows7系统、vue3版，DELL G3电脑。
vue开发工具
1、BootstrapVue
用于为 Vuejs 构建 Bootstrap 接口的开源库。
(资料图片)
链接https://bootstrap-vue.org/
2、VueXVue.js应用程序的状态管理库。
链接 https://vuex.vuejs.org/
3、Vue Devtools该扩展使调试vuejs项目变得快速而简单。
链接https://devtools.vuejs.org/
4、Vue CLI使 Vuejs 开发人员更简单的标准工具。
链接 https://cli.vuejs.org/
5、Vue Router使用直观而强大的语法定义静态和动态路由。
链接 https://router.vuejs.org/
6、Vuetifyjs开源库，帮助为 Vuejs 构建材质设计接口。
链接 https://vuetifyjs.com/en/
7、Nuxt Js一个开源框架，使Web开发变得简单而强大。
链接 https://nuxtjs.org/
8、Vue Element Admin帮助构建一个简单的管理界面，其中包含管理网站所需的许多功能。
链接https://github.com/PanJiaChen/vue-element-admin
9、Vue Apollo使为您的 vuejs 项目设置 GraphQL 变得容易。
链接https://vue-apollo.netlify.app/
10、Element UI用于 Vue 项目界面开发的 UI 库。
链接 https://element.eleme.io/#/en-US
11、QuasarQuasar是一个开源的vuejs框架，可以帮助构建SPA（单页应用程序），SSR（服务器端渲染应用程序），PWA（渐进式Web应用程序）
链接 https://quasar.dev/
12、Language Vue支持 Vuejs 开发 Atom 的实用程序。
链接https://atom.io/packages/language-vue
13、VuePressVuePress 是一个Vue 驱动的静态网站生成器
链接https://v2.vuepress.vuejs.org/
14、Vuejs GuideVuejs开发人员最完整，最详细的指南。
链接https://vuejs.org/guide/introduction.html
15、Vue Select帮助您构建组件选择，并为vuejs开发人员提供有用的功能。
链接 https://vue-select.org/
16、Vueuse收集 Vue 2 和 Vue 3 组件的必要实用程序。
链接 https://vueuse.org/
17、VeeValidate用于在 Vuejs 中进行表单验证的工具。
链接https://vee-validate.logaretm.com/v4/
18、Vant移动 UI 的界面生成器库。
链接https://vant-contrib.gitee.io/vant/#/en-US
19、Vue NativeJavascript 框架有助于构建跨平台的原生移动应用程序。
链接 https://vue-native.io/
20、Vue-metaVuejs项目的Cmeta标签管理器。
链接https://vue-meta.nuxtjs.org/
21、Vue I18n插件有助于向项目添加国际功能。
链接https://kazupon.github.io/vue-i18n/
22、Vue infinite loading为网站创建无限的滚动功能。
链接https://peachscript.github.io/vue-infinite-loading/
23、Gridsome该工具使构建静态网站和应用程序变得快速而简单。
链接 https://gridsome.org/
24、ViteVite 是一个构建工具，旨在为现代 Web 项目提供更快、更精简的开发体验。
链接 https://vitejs.dev/
25、Vue-multiselect开源库，帮助为网站构建多选功能。
链接https://vue-multiselect.js.org/
26、Vetur用于在 VS Code 中更好地进行 vuejs 开发和调试的扩展。
链接https://marketplace.visualstudio.com/items?itemName=octref.vetur
27、Vuejs ExamplesVuejs界面开发中的示例集合。
链接https://vuejsexamples.com/
28、Visual Studio Code编辑器
Visual Studio Code(VS Code)是由微软公司推出的一款免费、开源的编辑器，推出之后便很快流行起来，深受开发者的青睐。作为前端开发人员来说，一个强大的编辑器可以让开发变得简单、便捷、高效。本书选择基于VS Code编辑器进行讲解。
VS Code编辑器具有如下特点：
(1)轻巧极速，占用系统资源较少。
(2)具备语法高亮显示、智能代码补全、自定义快捷键和代码匹配等功能。
(3)跨平台。不同的开发人员为了工作需要，会选择不同平台来进行项目开发工作，这样就一定程度上限制了编辑器的使用范围。VSCode编辑器不仅跨平台(支持Mac、Windows以及Linux)，使用起来也非常简单。
(4)主题界面的设计比较人性化。例如，可以快速查找文件直接进行开发，可以通过分屏显示代码，主题颜色可以进行自定义设置(默认是黑色)，也可以快速查看最近打开的项目文件并查看项目文件结构。
(5)提供了丰富的插件。VSCode提供了插件扩展功能，用户根据需要自行下载安装，只需在安装配置成功之后，重新启动编辑器，就可以使用此插件提供的功能。
29、git-bash命令行工具
在进行Vue开发时，我们经常会使用一些命令，如npm(包管理器)、vue-cli(脚手架)，这些命令需要在命令行下使用。git-bash是git(版本管理器)中提供的一个命令行工具，外观类似于Windows系统内置的cmd命令行工具，但用户体验更友好。在实际开发中，经常会使用git-bash工具代替cmd。下面我们就来讲解git-bash的安装步骤。
(1)打开git for windows官网，下载git安装包，如下图
(2)双击下载后的安装程序，进行安装，如下图
(3)单击“Next”按钮，根据提示进行安装，全部使用默认值即可。
(4)安装成功后，启动git-bash。
30、WebStorm
WebStorm 是JetBrains公司旗下一款JavaScript 开发工具。已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。与IntelliJ IDEA同源，继承了IntelliJ IDEA强大的JS部分的功能。
31、Node.js
Node.js是一个基于Chrome V8引擎的JavaScript运行环境，它可以让JavaScript运行在服务器端。
【相关推荐：vuejs视频教程、web前端开发】
以上就是vue开发使用什么工具的详细内容，更多请关注php中文网其它相关文章！
