1、环境准备
- 安装node
- 安装vue
- 安装vue-cli
以上步骤见:https://www.cnblogs.com/jtaosblog/p/13052212.html
2、创建项目
1) 使用vue-ui创建项目:cmd进入vue-ui 界面,使用可视化的方式创建项目:
2) 使用vue项目管理器,点击“创建”,输入项目名称,点击“下一步”:
3)预设项目的一些配置,此时可以选择之前的预设配置,也可以手动配置。本次选择“手动”,点击“下一步”:
4)手动配置项目,设置预设名称,点击“保存预设并创建项目”,等待一段时间等待项目创建完成:
5)配置element ui 插件
选择刚创建的项目,选择“插件”,选择“添加插件”, 搜索“vue-cli-plugin-element”,选择要安装的插件,点击“安装”:
安装完后配置插件:选择按需导入,点击“完成安装”,至此“element ui”插件安装完成!
6) 安装axios
选择“依赖”,选择“安装依赖”,搜索“axios”,选择后点击“安装”(注意要安装到运行依赖)。
3 运行项目测试安装成功
选择“任务”,选择“运行”:浏览器中打开“http://localhost:8080” 查看打开页面。