今年收获季节总是下雨，老家的庄稼都毁到地里了。老爸让我在天气预报快下雨的时候给他发短信。作为一个懒虫，能用工具解决的从不动手。所以考虑写个 android app。每天拉取天气信息，并将天气信息发送到指定手机上。现在有很多开发移动端的方法，因为比较熟悉 js 和 vue,所以考虑使用 weex 进行开发。
全局安装 weex-toolkit
首先安装 weex 的脚手架，使用 weex-toolkit 进行开发时的编译，调试，打包。
npm install weex-toolkit -g
国内安装 npm 包比较慢，可以使用淘宝的镜像源。
可能出现的错误:
- 安装时可能会报权限错误，尽量使用管理员用户打开 控制台 进行安装。
- 使用 yarn 安装可能在调试时出现错误，可以卸载后使用 npm 安装。
推荐一款 win 下好用的控制台工具 cmder，界面漂亮，有tab,可以使用部分 linux 命令。
初始化项目
安装 weex-toolkit 后，接下来就可以创建项目了。
//初始化 项目
weex init awesome-project
// 安装依赖
cd ./awesome-project
npm install
实时预览文件
weex src --entry src/index.vue
可能会出现的错误:
- 运行时可能会报
Path variable [name] not implemented in this context错误。
是由于 weex-previewer有 bug ,可重新安装weex 或更新一下previewer 。
weex update weex-previewer@latest
以下版本可正常运行：
weex -v
v1.1.0-beta.5
- weexpack : v0.4.7-beta.11
- weex-builder : v0.2.13-beta.2
- weex-previewer : v1.3.13-beta.5
- 可能会直接跳过，没有在浏览器中打开网页。可能是由于端口被占用等原因，可以使用其他端口:
weex src --entry src/index.vue --port 2084 --wsport 2344
现在，环境搭建起来了，可以修改代码了。
image.png
网友评论