vue管理后台实战一：图形化创建，管理，运行项目、安装element、axios、less

一、界面化创建及管理项目

1)图形化初始界面

vue ui

2)创建–create新项目填写项目名、git 初始记录

下一步

3）预设：选择手动，功能里打开如下5个：

choose vue version
babel （必须）
router （路由）
Lint / Formatter（格式校验）
使用配置文件（babelrc-将插件的配置保存在各自的配置文件 (比如 ‘.babelrc’) 中)

4）配置项如下：

Eslint standard config（标准配置）
Lint and save：每次保存时检查代码格式

5)创建项目并填写保存预设名称，等待创建完成即可

6）完成后在仪表盘添加功能运行，运行任务，启动app即可启动项目

二、图形化安装插件、依赖

1）图形化安装vue-cli-plugin-element插件

1. 插件>添加插件>输入：element找到 【vue-cli-plugin-element】> 点安装
2. 再把完整导入（fully import）改成按需要导入（import on demand）防止项目过大
3. 点完成安装

2）图形化安装axios依赖

1. 依赖>安装依赖>运行依赖>输入axios，选择第一个

3）安装less less-loader