1、输入命令vue ui,自动会跳转到浏览器,打开下面页面。
2、点击创建项目,选择文件夹
3、创建项目名称
4、如果以前有进行过配置,这里可以选择常用的配置,如果没有,这里填写手动
5、根据具体需求添加功能,这里我仅添加2个功能,babel,router
6、就不开启历史了。
7、点击创建项目,这里我没有保存预设。后台开始创建项目中:
8、创建完成后,打开网页,选择插件,在插件页面中,点击右上角的添加插件,搜索element。选中vue-cli-plugin-element,然后右下角点击安装。安装需要时间,可以通过命令行窗口来看安装进度。
9、设置element,调整成按需导入,点击完成安装。后台为我们添加内容。进展情况,请查看cmd控制台。
10、添加依赖(axios),点击网页中的侧边拦“依赖 ”,选择添加依赖,查找axios,选择安装。查看cmd进度
11、开启服务:添加完毕后,基本框架已经搭建好了,在网页中侧边拦中点击“任务”,然后点击server,然后点击启动,这时会开始编译文件,编译后的,状态提示编译成功。
12、安装成功:点击启动app,或者在浏览器中打开默认的http://localhost:8080,看到成果界面,带一个element-button