2020-11-21

Vue-cli 可视化的创建过程
1、全局安装Vue-cli(脚手架只需要全局安装一次就可以)

全局安装vue-cli: 
cnpm install -g @vue/cli
or
yarn global add @vue/cli
检测安装：
vue  -V   

2、如果已经全局安装过脚手架，那么直接在终端执行 vue ui就可以。
会自动跳转到UI可视化的页面。
点击创建项目
3、创建一个新项目

4、会进入到预设的界面，如果以前没有创建过项目，那可以选择【手动】，配置一下
点击【手动】---->点击【下一步】----->进入【功能面板】

必要安装的
Babel 
Router
vuex（根据需要看是否安装）
Linter/Formatter
使用配置文件

----->点击【下一步】
----->进入到【配置页面】

然后点击【创建项目】就可以了，

5、安装Element-UI

点击【插件】
右上角【添加插件】
搜索


选中图标，右下角点击【安装】

6、安装axios

点击【依赖】
右上角【安装依赖】
搜索

右下角点击【安装axios】

7、运行项目
点击【任务】----> 点击【serve】----> 点击【等待编译状态成功】----> 点击【启动app】