1.全局安装vue-cli脚手架
| 步骤 | 说明 |
|---|---|
| 安装 | npm install -g @vue/cli |
| 检查 | vue --version |
| 升级 | npm update -g @vue/cli |
2.vue ui可视化面板
| 步骤 | 说明 |
|---|---|
| 打开可视化配置面板 | vue ui |
3.项目配置
| 步骤 | 说明 |
|---|---|
| 详情 | 填写项目文件夹：vue-shop，包管理器：yarn |
| 预设 | 手动 |
| 功能 | （1）babel（2）router（3）.babelrc |
| 配置 | / |
4.配置：插件
| 步骤 | 说明 |
|---|---|
| 添加 | 添加vue-cli-plugin-element（1.0.1） |
| 配置 | import on demand 按需导入 |
5.配置：依赖
| 步骤 | 说明 |
|---|---|
| 添加 | axios |
| 添加 | less |
| 添加 | less-loader |