HBuilder X + VUE+element-ui+Axi

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