weex入门踩坑
来源:互联网 发布:三武灭佛 知乎 编辑:程序博客网 时间:2024/06/15 15:37
最近在学习Weex,官方的介绍这是基于VUE实现的一套跨平台开发方案,能以 web 的开发体验构建高性能、可扩展的 native 应用,可以一次撰写,多端运行。
本文章记录学习Weex过程中所遇到的问题,后续会不断补充。
文章从两方面进行介绍:
一、Weex遇到的坑
二、Weex命令解析
三、使用介绍
一、Weex遇到问题
按着步骤执行到这来打开http://localhost:8080/index.html却拒绝访问不到,百度搜了半天没找到解决方法,最后终于用谷歌找到答案,解决方法请戳这里,最后通过执行npm run serve解决
吐槽一下,weex的文档写的还是不友好啊@~@
二、Weex命令解析
1、$ weex hello.we –qr
qr 参数,表示生成二维码,命令为为hello.we生成一个二维码,此时用palyground(weex的安卓调试工具,可到官网下载),扫描可以看到这个hello.we页面
注意:此时Playground App扫码必须和电脑在同一个网段,局域网,不然扫码会看不到效果!!!
*/
2、$ weex hello.we
.we 文件是不能直接运行的,需要weex-toolkit 会编译 .we 文件,并且创建静态服务器
这时,命令行会做几件事:
编译 .we 文件;
- 启动热加载服务;
- 启动静态服务器;
- 打开浏览器页面,访问 http://127.0.0.1:8081/weex_tmp/h5_render/?hot-reload_controller&page=hello.js&loader=xhr
–save-dev 安装的插件在devDependencies
npm i babel-preset-es2015 babel-preset-stage-0 –save-dev
三、使用介绍
1、使用$weex filename命令编译执行时,.vue后缀的可以可以在浏览器的页面访问到,而.we后缀的文件则不行,如hello.we和hello.vue的内容一样都是:
分别执行
手机palyground扫描二维码显示为:
此时如果文件内容修改了,命令行重新运行后手机直接刷新就可以了不需要重新扫描二维码
注:
package.json参数详解
webpack入门
- weex入门踩坑
- weex 实践:入门爬坑
- Weex踩坑记录
- WEEX开发入门
- weex入门学习总结
- Weex快速入门指南
- Weex入门初体验
- Weex 入门文档
- Weex入门指南
- weex 入门笔记
- Weex环境配置以及踩坑记录
- Weex入门与进阶指南
- Weex入门与进阶指南
- Weex入门与进阶指南
- Weex入门与进阶指南
- Weex入门学习---环境搭建
- Weex入门与进阶指南
- Weex的坑点
- oracle学习笔记 锁相关视图及相关操作
- 什么是企业微信?
- Struts2核心技术 (一)
- Android源码解析之bindService过程分析
- 双十二MathType一降到底,赶紧购!
- weex入门踩坑
- Python中threading的join和setDaemon的区别及用法 例子
- Java基础之hashcode
- 函数式接口(Functional Interface)
- DataFrame的拷贝和别名问题
- 2017北京云栖大会:云效企业级协同研发专场议题揭秘!
- eclipse 集成svn插件
- substring和substr,slice和splice的区分
- 用Android Studio开启Android Device Monistor出错