HBuilder X + VUE+element-ui+Axios+vue-router

1.项目的整体流程
下载node.js
首先我们需要下载node.js,之后,我们才可以使用npm包管理工具,安装过程这里就不详细介绍了。

安装vue-cli
我们需要安装vue-cli脚手架构建工具,安装命令 npm install -g vue-cli,等待安装完成。

初始化项目
初始化项目 命令:vue init webpack 。
切到项目目录下执行 npm run dev 就可以运行测试了。

element-ui组件库
1.我们用到element-ui组件库 ,所以需要安装一下npm install element-ui --save。
2.在main.js里面引入element


image.png

Axios 请求
1.我们这里用npm安装,安装命令 npm install axios (注意,一定是要在项目文件夹下)
2.引用


image.png

vue-axios
我们这里用npm安装,安装命令 npm install --save axios vue-axios

Qs 是一个增加了一些安全性的查询字符串解析和序列化字符串的库
安装命令 npm install qs

vue-router 路由
我们这里用npm安装,安装命令 npm install vue-router

补充知识:vue 实现全屏显示和全屏按钮svg图
第一步安装screenfull,安装命令 npm install --save screenfull

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容