vue的开发工具都有哪些呢

Vue的开发工具都有哪些呢，相信很多没有经验的人对此束手无策，为此本文总结了问题出现的原因和解决方法，通过这篇文章希望你能解决这个问题。

vue开发工具有：1、Vue CLI；2、Vue Press；3、Vuex；4、Nuxt；5、Vuetify；6、Quasar；7、Storybook；8、Visual Studio Code；9、WEBStORM等等。

本教程操作环境：windows7系统、vue2.9.6版，DELL G3电脑。

现在前端除了javascript外，还有React，vue，angular这三个框架在市场上用的比较多，可以说这三个框架很大程度上改变了前端的地位，相对于angular来说，vue同样拥有丰富的指令，并且都是典型的mvc框架，vue相对来说轻量级一些，

目前vue被很多开发人员所采用，也越来越热门，，因此它的生态环境也变得完善起来，相关的工具也很丰富，这主要是依靠vue的学习曲线和清晰的设计结构和使用文档，是让有经验的开发人员从其他框架方便入手。

Vue CLI

为了方便开发者快速的上手工作，他和奇特的框架一样，都是提供CLI类似的手脚架工具，VueCLI是一套功能齐全的工具，能用快速Vue开发，Vue将Vue生态中的工具基础标准化，确保了各种构建工具能够基于智能的默认配置平稳衔接，这样就可以专注在撰写应用上，而不必花好久的时间去纠结配置问题，例如在项目中能够很轻松的集成Babel，typescript， ESLint，PostCSS ,Jest,Mocha ， Nightwatch和Cypress等插件。

Vue Press

VuePress是以Vue驱动的静态网站生成器，是由Vue, Vue Router和webpack驱动的单页应用，在VuePress中，可以使用markdown编写文档，然后生成网页，每一个由VuePress生成的页面都有着预渲染好的html，也因此具有非常好的加载性能和搜索引擎优化，同时，一旦页面被加载，Vue将会接管这些内容，并把他转换成一个完整的单页应用，其他的页面则只会在用户浏览到的时候才需加载，

Vuex

在SPA单页组件的开发中Vue的vuex和React的React都是统称为同一状态管理，也可以叫全局状态管理，简单的理解就是你在state中定义了一个数据之后，就可以在所在项目中的任何一个组件里进行获取，进行修改，并且修改部分可以得到全局的响应变化，每一个Vuex应用的核心就是Store，store可当做一个容器，包含着应用中大部分状态。

Nuxt

Nuxt.js是一个基于vue.js的轻量级应用框架，可用来创建服务端渲染应用，也可以充当静态站点引擎生成静态站点应用，具有优雅的代码结构分层和热加载等特性。

Vuetify

Vuetify目前是基于veu的最好的UI组件库之一，他提供了大量基于Material Design规范尽心制作的组件，可以满足任何应用程序的需求。

Quasar

Quasar是MIT许可的开元框架是基于Vue的，可以帮助web开发人员创建响应式网站，PWA 通过Apacha Cordova构建移动APP，多平台应用程序 Quasar约需开发人员编写一次代码，然后使用相同的代码库同时部署为网站，PWA , Mobile APP和Electron App。使用最先进的CLI设计应用程序，并提供精心编写，是速度非常快的Quasar Web组件，

Storybook

对于前段来说，组件化技术已经是必修的一门课程了，这其中又以react和vue为主，但平时在开发组件，尤其是公共组件或第三方组件时会有些困扰，

• 不能很好的管理组件，预览组件时不能一目了然，也不能很好的反应一个组件的不同状态，

• 自动化交互测试可以使用enzyme，但很多时候还得手动测试，

• 在写文档时 需要将组件预览和文档写在一起，并需要切换不同状态，

所以，storbook就是为了解决这些问题而出现，他能为组件搭建一个强大的开发环境，主要提供下面几点

• 提供一个强大的UI组件管理页面，可以很便捷，清晰的分组，管理多个组件或一个组件的不同状态

• 在自动化交互测试外，可以很方便的进行手动交互测试，并且可以动态改变组件参数，查看视图变化

• 可以将组件预览导出为静态资源，这样就可以很方便查看组件的文档和不同参数对应的不同视图 还有一系列插件，更好的帮助我们完成开发 测试 优化组件工作。

该工具使用开发人员能够独立于主应用程序组件，并在隔离的开发环境中已交互方式展示他们，而无需担心特定有应用程序的依赖关系和要求，方便开发人员，设计人员等多人参与项目。

Visual Studio Code

Visual Studio Code（简称“VS Code”）是Microsoft在2015年4月30日Build开发者大会上正式宣布一个运行于 Mac OS X、Windows和 linux 之上的，针对于编写现代Web和云应用的跨平台源代码编辑器，可在桌面上运行，并且可用于Windows，macOS和Linux。它具有对JavaScript，TypeScript和node.js的内置支持，并具有丰富的其他语言（例如c++，C＃，Java，python，PHP，Go）和运行时（例如.net和Unity）扩展的生态系统。

WebStorm

WebStorm 是JetBrains公司旗下一款JavaScript 开发工具。已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。与IntelliJ idea同源，继承了IntelliJ IDEA强大的JS部分的功能。

看完上述内容，你们掌握vue的开发工具都有哪些呢的方法了吗？如果还想学到更多技能或想了解更多相关内容，欢迎关注编程网精选频道，感谢各位的阅读！