工程化开发和脚手架

开发 Vue 的两种方式：

1. 核心包传统开发模式：基于 html / css / js 文件，直接引入核心包，开发 Vue。
2. 工程化开发模式：基于构建工具（例如：webpack ) 的环境中开发 Vue。
   
   
   工程化开发 & 脚手架 Vue CLI
   基本介绍：
   Vue CLI 是 Vue 官方提供的一个 全局命令工具。
   可以帮助我们 快速创建 一个开发 Vue 项目的 标准化基础架子 。【集成了 webpack 配置】
   webpack 配置：
   
   好处：
3. 开箱即用，零配置
4. 内置 babel 等工具
5. 标准化
   使用步骤：
6. 全局安装 (一次) ： yarn global add @vue/cli 或 npm i @vue/cli -g
7. 查看 Vue 版本： vue --version
8. 创建项目架子： vue create project-name （项目名-不能用中文）
9. 启动项目： yarn serve 或 npm run serve （找package.json）
   脚手架目录文件介绍 & 项目运行流程