vue开发使用什么工具

vue开发工具

1、BootstrapVue

用于为 Vuejs 构建 Bootstrap 接口的开源库。

链接https://bootstrap-vue.org/

Vue.js应用程序的状态管理库。

链接 https://vuex.vuejs.org/

该扩展使调试vuejs项目变得快速而简单。

链接https://devtools.vuejs.org/

使 Vuejs 开发人员更简单的标准工具。

链接 https://cli.vuejs.org/

使用直观而强大的语法定义静态和动态路由。

链接 https://router.vuejs.org/

开源库，帮助为 Vuejs 构建材质设计接口。

链接 https://vuetifyjs.com/en/

一个开源框架，使Web开发变得简单而强大。

链接 https://nuxtjs.org/

帮助构建一个简单的管理界面，其中包含管理网站所需的许多功能。

链接https://github.com/PanJiaChen/vue-element-*****

使为您的 vuejs 项目设置 GraphQL 变得容易。

链接https://vue-apollo.netlify.app/

用于 Vue 项目界面开发的 UI 库。

链接 https://element.eleme.io/#/en-US

Quasar是一个开源的vuejs框架，可以帮助构建SPA（单页应用程序），SSR（服务器端渲染应用程序），PWA（渐进式Web应用程序）

链接 https://quasar.dev/

支持 Vuejs 开发 Atom 的实用程序。

链接https://atom.io/packages/language-vue

VuePress 是一个Vue 驱动的静态网站生成器

链接https://v2.vuepress.vuejs.org/

Vuejs开发人员最完整，最详细的指南。

链接https://vuejs.org/guide/introduction.html

帮助您构建组件选择，并为vuejs开发人员提供有用的功能。

链接 https://vue-select.org/

收集 Vue 2 和 Vue 3 组件的必要实用程序。

链接 https://vueuse.org/

用于在 Vuejs 中进行表单验证的工具。

链接https://vee-validate.logaretm.com/v4/

移动 UI 的界面生成器库。

链接https://vant-contrib.gitee.io/vant/#/en-US

Javascript 框架有助于构建跨平台的原生移动应用程序。

链接 https://vue-native.io/

Vuejs项目的Cmeta标签管理器。

链接https://vue-meta.nuxtjs.org/

插件有助于向项目添加国际功能。

链接https://kazupon.github.io/vue-i18n/

为网站创建无限的滚动功能。

链接https://peachscript.github.io/vue-infinite-loading/

该工具使构建静态网站和应用程序变得快速而简单。

链接 https://gridsome.org/

Vite 是一个构建工具，旨在为现代 Web 项目提供更快、更精简的开发体验。

链接 https://vitejs.dev/

开源库，帮助为网站构建多选功能。

链接https://vue-multiselect.js.org/

用于在 VS Code 中更好地进行 vuejs 开发和调试的扩展。

链接https://marketplace.visualstudio.com/items?itemName=octref.vetur

Vuejs界面开发中的示例集合。

链接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运行在服务器端。