对比vue-cli 2.*版本与vue-cli 3.*版本的差异

写在前面的话 :  

如果你使用vue-cli 3.0以上版本,建议创建项目的时候直接使用vue ui命令来创建一个图形化工具,然后在图形化中安装你所需要的插件,第三方组件库和配置等.

1.版本显示

vue --version

2.安装方法(3.0需要nodejs 8.6以上版本)

2.0:  npm install -g vue-cli
3.0:  npm install -g @vue/cli

3.创建项目方法

2.0: vue init webpack project
3.0: vue create project

 4.插件集成

2.0: npm install vue-router
3.0: vue add router

2.*的版本安装过后,还需要在入口文件中引入并使用,如下

import Vue from 'vue'
import VueRouter from 'vue-router'
Vue.use(VueRouter)

而3.*的版本则无需引入,因为add的时候就已经帮我们做好了这些!

5.第三方组件库的集成

2.0: npm install element-ui --save
3.0: vue add element

2.0使用第三方组件库同样需要引入并使用,3.0的在安装的过程中会有提示是否是全部引入还是部分组件引入,可以选择后自动生成.(如果是使用的3.0的图形化工具,那么直接安装就好了,代码会帮你自动生成!)