使用vue-cli（vue脚手架）快速搭建项目，前端组件化架构pdf

5、npm run build执行过程

6、npm run dev执行过程

四、认识Vue CLI3

---

1、vue-cli 3 与 vue-cli 2 版本的区别？

1. vue-cli 3 是基于 webpack 4 打造，vue-cli 2 还是 webapck 3

2. vue-cli 3 的设计原则是“0配置”，移除的配置文件根目录下的，build和config等目录

3. vue-cli 3 提供了 vue ui 命令，提供了可视化配置，更加人性化

4. 移除了static文件夹，新增了public文件夹，并且index.html移动到public中

2、通过脚手架3构建项目

vue create my-project

运行项目

npm run serve

注意：

之前学习的时候main.js

import Vue from ‘vue’

import App from ‘./App.vue’

Vue.config.productionTip = false

new Vue({