从vue-cli 到 Vue CLI 3
1.Vue CLI 的包名称由 vue-cli
改成了 @vue/cli
。 如果已经全局安装了旧版本的 vue-cli
(1.x 或 2.x),需要先通过
npm uninstall vue-cli -g
卸载。
2.安装指令:
npm install -g @vue/cli
3.检查版本:
vue --version
4.Vue CLI 3可以使用 vue serve
和 vue build
命令对单个 *.vue
文件进行快速原型开发,不过这需要先额外安装一个全局的扩展:
npm install -g @vue/cli-service-global
5.运行以下命令来创建一个新项目:
vue create hello-world
6.Vue CLI 使用了一套基于插件的架构。如果查阅一个新创建项目的 package.json
,就会发现依赖都是以 @vue/cli-plugin-
开头的。
插件可以修改 webpack 的内部配置,也可以向 vue-cli-service
注入命令。在项目创建的过程中,绝大部分列出的特性都是通过插件来实现的。
7.基于插件的架构使得 Vue CLI 灵活且可扩展;可以通过 vue ui
命令使用 GUI 安装和管理插件。
8.当你使用 vue create
来创建一个新项目的时候,有些插件会根据你选择的特性被预安装好。如果你想在一个已经被创建好的项目中安装一个插件,可以使用 vue add 命令,例如:
vue add @vue/eslint
这个命令将 @vue/eslint
解析为完整的包名 @vue/cli-plugin-eslint
,然后从 npm 安装它,调用它的生成器。
9.vue-router
和 vuex
的情况比较特殊——它们并没有自己的插件,但是仍然可以这样添加它们:
vue add router
vue add vuex