vue/cli不同版本差异

一、前言

vue-cli与vue之间是什么关系?
vue-cli是vue的脚手架，用于快速搭建一个项目的模版。通俗来讲就是创建一个空项目，并且做好webpack，node相关的配置。

// 查看vue版本
npm list vue

// 查看脚手架版本
vue -V
或
vue --version
1
2
3
4
5
6
7

二、安装不同版本cli

// 安装最新版本的vue-cli
npm install @vue/cli -g

// 以上为最新的脚手架安装方式，如果我们需vue-cli2的方式创建项目，需全局安装一个 桥接 工具
npm install @vue/cli-init -g
1
2
3
4
5

三、cli不同版本初始化项目

• vue-cli2

vue init webpack vuecli2-project
1

• vue-cli3或vue-cli4

vue create vuecli3-project
1

四、cli不同版本差异

vue-cli3与4之间差异不大，主要讲解vue-cli2与3之间的区别。

vue-cli2与vue-cli3的差异

• vue-cli3是基于webpack4打造， vue-cli2基于webpack3
• vue-cli3的设计原则是0配置，移除了build和config等目录
• vue-cli3提供了vue ui 命令，提供了可视化配置，更人性化
• vue-cli3移除了static文件夹，新增了public文件夹，并且index.html移动到public中