vue+element ui + axios 创建项目


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” 查看打开页面。

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM