weex （1）环境搭建

今年收获季节总是下雨，老家的庄稼都毁到地里了。老爸让我在天气预报快下雨的时候给他发短信。作为一个懒虫，能用工具解决的从不动手。所以考虑写个 android app。每天拉取天气信息，并将天气信息发送到指定手机上。现在有很多开发移动端的方法，因为比较熟悉 js 和 vue,所以考虑使用 weex 进行开发。

全局安装 weex-toolkit

首先安装 weex 的脚手架，使用 weex-toolkit 进行开发时的编译，调试，打包。

npm install  weex-toolkit -g

国内安装 npm 包比较慢，可以使用淘宝的镜像源。
可能出现的错误:

1. 安装时可能会报权限错误，尽量使用管理员用户打开 控制台 进行安装。
2. 使用 yarn 安装可能在调试时出现错误，可以卸载后使用 npm 安装。

推荐一款 win 下好用的控制台工具 cmder，界面漂亮，有tab,可以使用部分 linux 命令。

初始化项目

安装 weex-toolkit 后，接下来就可以创建项目了。

//初始化 项目
weex init awesome-project
// 安装依赖
cd ./awesome-project
npm install 

实时预览文件

 weex src --entry src/index.vue

可能会出现的错误:

1. 运行时可能会报 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

2. 可能会直接跳过，没有在浏览器中打开网页。可能是由于端口被占用等原因，可以使用其他端口:

weex src --entry src/index.vue --port 2084 --wsport 2344

现在，环境搭建起来了，可以修改代码了。

image.png