Vue CLI 是一个基于 Vue.js 进行快速开发的标准化工具,它可以快速的搭建一个类似脚手架的项目框架,提供了插件式的架构,让用户能够选择自己需要的插件,在不同的项目中自由搭配,满足不同的业务需求。
Vue CLI 已经到了3.x的版本,全新的版本采用了一种全新的插件式架构,将项目的各种功能模块拆分成不同的插件,每个插件都非常轻量级,用户只需要根据自己的需求在项目中选择相应的插件即可,不必为了少用某些功能而遭受代码冗长的痛苦。
npm install -g @vue/cli
安装 Vue CLI
vue create my-project
使用 Vue CLI 创建一个新项目,然后可以从拥有的插件中进行安装,直接在项目文件夹中运行以下命令即可
vue add vuex vue-router
上面的命令将会添加 Vuex 和 Vue Router 两个插件到项目中,其中 Vuex 是管理组件间状态的插件,Vue Router 是提供路由功能的插件。
在项目中添加插件的方式还有以下两种:
vue invoke vuetify
使用 invoke 命令直接安装官方维护的插件。
vue add xxx@x.x.x
使用 add 命令直接指定某个插件的版本号添加。
插件的添加和删除可以在任何时候进行,也可以通过配置文件进行插件的自动添加或删除,大大提升了项目的可维护性和可扩展性。