现在前端除了JavaScript外，还有react，vue，angular这三个框架在市场上用的比较多，可以说这三个框架很大程度上改变了前端的地位，相对于angular来说，vue同样拥有丰富的指令，并且都是典型的MVC框架，vue相对来说轻量级一些，
目前vue被很多开发人员所采用，也越来越热门，，因此它的生态环境也变得完善起来，相关的工具也很丰富，这主要是依靠vue的学习曲线和清晰的设计结构和使用文档，是让有经验的开发人员从其他框架方便入手。Vue的开发工具有哪些？
Vue CLI
为了方便开发人员快速入门，他像奇怪的框架一样，为CLI提供了类似的手和脚架工具。VueCLI是一组功能齐全的工具，可以用快速的Vue开发。VUE规范了VUE生态系统中的工具基础，保证了各种构建工具在智能默认配置的基础上能够顺利连接，从而可以专注于应用程序的编写，而不必花很长时间来解决配置问题。例如，在一个项目中很容易集成插件，如Babel、Typee、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
Vutify当前是基于VUI的最佳UI组件库之一。它提供了大量基于材料设计规格的部件，可满足任何应用的需要。
Quasar
Quasar是MIT授权的初始框架，它基于Vue，可以帮助web开发人员创建响应性网站。PWA通过apacha Cordova构建移动应用程序。多平台应用类星体需要开发者编写一次左右的代码，然后使用相同的代码库同时部署到网站、PWA、移动应用和电子应用。使用最先进的CLI设计应用程序并提供精心编写的类星体Web组件非常快。
Storybook
对于前段来说，组件化技术已经是必修的一门课程了，这其中又以react和vue为主，但平时在开发组件，尤其是公共组件或第三方组件时会有些困扰，
1. 不能很好的管理组件，预览组件时不能一目了然，也不能很好的反应一个组件的不同状态，
2. 自动化交互测试可以使用enzyme，但很多时候还得手动测试，
3. 在写文档时 需要将组件预览和文档写在一起，并需要切换不同状态，
因此，storbook就是要解决这些问题。它可以为组件构建一个强大的开发环境，主要提供以下几点
1. 提供功能强大的UI组件管理页面，可以轻松清晰地分组、管理多个组件或组件的不同状态。
2. 除了自动交互测试外，还可以方便地进行手动交互测试，并可以动态更改组件参数和查看更改。
3. 可以将组件预览导出为静态资源，这样就可以很方便查看组件的文档和不同参数对应的不同视图 还有一系列插件，更好的帮助我们完成开发 测试 优化组件工作。
此工具使开发人员能够独立于主要应用程序组件，在独立的开发环境中交互地呈现它们，而不必担心特定应用程序的依赖性和需求，从而方便开发人员、设计人员和其他人员参与项目。
欢迎扫码关注、咨询
