从vue-cli 到 Vue CLI 3

时间:2021-07-02 12:05:16

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