十款热门的Vue.js工具和库 _Vue

文章插图

众所周知，Vue目前越来越热门，被很多开发人员采用，因此其生态也越来越完善，相关的工具和库也很丰富。这主要得益于：Vue的学习曲线，清晰的设计结构和使用文档，让有经验的开发人员从其他框架（React和Angular）很方便的入手。今天的这篇文章笔者从这些工具的实用性、有效性、独特性选了这十款工具和库，而不是依据Github受欢迎程度或星级，有些你已经很熟悉了并在使用，有些还比较陌生，好了，让我来一起看下这十款热门的工具和库。
1、Vue CLI

文章插图

和其他前端框架一样，为了方便开发者快速上手，都提供CLI类似的脚手架工具。Vue CLI是一套功能齐全的工具，可用于快速Vue开发。Vue CLI 致力于将 Vue 生态中的工具基础标准化。它确保了各种构建工具能够基于智能的默认配置即可平稳衔接，这样你可以专注在撰写应用上，而不必花好几天去纠结配置的问题。比如你能在项目中很轻松的集成类似Babel，TypeScript，ESLint，Postcss，PWA，Jest，Mocha，Cypress和Nightwatch等这些插件。
2、VuePress

文章插图

VuePress是以Vue驱动的静态网站生成器，是一个由Vue、Vue Router和webpack驱动的单页应用。在VuePress中，你可以使用Markdown编写文档，然后生成网页，每一个由VuePress生成的页面都带有预渲染好的html，也因此具有非常好的加载性能和搜索引擎优化。同时，一旦页面被加载，Vue将接管这些静态内容，并将其转换成一个完整的单页应用，其他的页面则会只在用户浏览到的时候才按需加载。
官方地址：https://v1.vuepress.vuejs.org/
3、Gridsome

文章插图
【十款热门的Vue.js工具和库】
Gridsome类似VuePress，但不完全相同，它也是使用开发人员喜爱的最新网络技术工具构建网站 - Vue.js，GraphQL和Webpack 。获得热重新加载和Node.js的所有功能。Gridsome让搭建筑网站再次变得有趣。如果你想建个博客站，可以考虑下。其特点如下：

使用Vue.js，webpack和Node.js等现代工具构建网站。
使用任何CMS或数据源获取内容。从wordPress/ target=_blank class=infotextkey>WordPress，Contentful，本地Markdown或任何其他无头CMS或API中提取数据。
首先只加载关键的HTML，CSS和JAVAScript 。然后预取下一页，以便用户可以非常快速地点击，而无需重新加载页面，即使在离线时也是如此。
Gridsome使用超快速静态站点生成器，JavaScript和API的强大功能来创建令人惊叹的动态Web体验。
Gridsome站点通常不连接到任何数据库，并且可以完全托管在全局CDN上。它可以处理数千到数百万次点击，并且不需要昂贵的服务器成本。

官方地址：https://gridsome.org/
4、Vuex

文章插图

在SPA单页面组件的开发中 Vue的vuex和React的Redux 都统称为同一状态管理，个人的理解是全局状态管理更合适；简单的理解就是你在state中定义了一个数据之后，你可以在所在项目中的任何一个组件里进行获取、进行修改，并且你的修改可以得到全局的响应变更。每一个 Vuex 应用的核心就是 store（仓库）。“store”基本上就是一个容器，它包含着你的应用中大部分的状态 (state) 。store包含四个部分：

state – 应用的数据内容对象
getters – 定义相关方法获取state中的数据
mutations – 定义的相关方法操作state中的数据
actions – Action 类似于 mutation，不同在于：Action 提交的是 mutation，而不是直接变更状态；Action 可以包含任意异步操作。

官方网址：https://vuex.vuejs.org/
5、 Nuxt