工程化开发&脚手架Vue CLI

开发vue的两种方式

1. 核心包传统开发模式：基于 html / css / js 文件，直接引入核心包，开发 Vue。

2. 工程化开发模式：基于构建工具（例如：webpack ) 的环境中开发 Vue。

问题：

① webpack 配置 不简单

② 雷同 的基础配置

③ 缺乏 统一标准

需要一个工具，生成标准化的配置！

基本介绍：

Vue CLI 是 Vue 官方提供的一个 全局命令工具。

可以帮助我们 快速创建 一个开发 Vue 项目的 标准化基础架子 。【集成了 webpack 配置】

好处：

1. 开箱即用，零配置

2. 内置 babel 等工具

3. 标准化

使用步骤：(以管理员身份运行)

1. 全局安装 (一次) ： yarn global add @vue/cli 或 npm i @vue/cli -g

2. 查看 Vue 版本： vue --version

3. 创建项目架子： vue create project-name （项目名-不能用中文）

4. 启动项目： yarn serve 或 npm run serve （找package.json）