【Vue】Vue-cIi2和Vue-cli3区别

一、vue-cli

• 命令行界面
• vue官方提供
• 基于node环境利用webpack对文件进行编译、打包等一系列操作
• 用于快速搭建vue+webpack+es6项目
• 包含基础依赖库，省去安装插件

二、创建命令

使用vue-cli3

npm install -g @vue/cli-init
vue init webpack gshop-client2
cd shop-client
npm run dev

使用vue-cli2

npm install -g @vue/cli
vue create shop-client
cd shop-client
npm run serve

三、目录结构

vue-cli3
目录结构更加简单，自动配置了80%左右基本配置，其余的配置需要自行创建vue.config.js

vue-cli2
创建的项目目录结构清晰，文件内容可以按照项目需求自行配置。

• 移除了配置文件目录，config 和 build 文件夹
• 移除了 static 文件夹，新增 public 文件夹，并且
  index.html 移动到 public 中
• 在 src 文件夹中新增了 views 文件夹，用于分类视图组件 和 公共组件

四、启动项目

vue-cli3

npm run serve

vue-cli2

npm run dev  
npm run start