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

内容分享3周前发布
0 0 0

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

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

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

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

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

© 版权声明

相关文章

暂无评论

您必须登录才能参与评论!
立即登录
none
暂无评论...