Vue 项目初始化 — 分解说明

==> 了解 Vue 官方脚手架 vue-cli 帮我们初始化做了那些事，通过 webpack4.x 帮我们实现了哪些常见功能。

# 安装、检查 node 环境配置

首先，本地全局安装 node 开发环境，vue 的运行是依赖于 node 的 npm 管理工具来实现的。

安装完成后，通过命令行工具输入 node -v 和 npm -v ，回车，如果出现 node 和 npm 的版本号则说明安装成功。

command + R，打开“运行”，输入 cmd，进入命令行工具：
   node -v    // 查看已安装 node 的版本
   npm -v     // 查看当前 nom 的版本

# 初始化项目目录，并创建项目描述文件 package.json？！

进入项目文件存储目录，如webpiece，然后依次输入：
mkdir vueproject    // 创建项目目录
cd vueproject    // 进入项目目录
npm init    // 创建项目描述文件 package.json
// package.json 文件里记录项目的描述信息：项目作者、项目描述、项目依赖哪些包、插件配置信息等等数不清的好处。

命令行里会以交互的形式让你填一些项目的介绍信息，不知道怎么填可以直接回车、回车 ...，最后，在项目目录下会自动生成 package.json 文件，打开可以看到刚才配置的项目信息。

# 安装 webpack

# 初始化项目目录和文件

配置核心功能

# ES6/7/8/9 等高级语法转换成 ES5

# stylus/less/scss 等 css 预处理器转换成 css

# 解析字体 font、图片（.jpg、.png ...）等静态资源

# 压缩打包后的 js、css

# 常用选项及插件的使用方法

# webpack 识别 .vue 文件

Vue 集成 VueRouter 和 Vuex

扩展：引入 Element UI