Weex 开发环境搭建

此文章假设您已经具备一定的Android开发经验

1.   环境搭建需要用到的工具

     node    https://nodejs.org/en/download/    推荐下载TLS版本 node -v

    npmnode.js安装完成后会自动安装npm，这里我们可以查看是否安装成功npm -v

    git     https://git-scm.com/downloads   根据电脑的配置下载相应版本后安装

    java   http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html     根据电脑的配置自行下载后安装即可

    Android Studio http://www.android-studio.org/index.php/download      此软件下载比较耗时，请耐心等待

2. 需要配置的一些环境变量（此电脑->右键属性->高级系统设置->环境变量）

    JAVA_HOME  JDK的安装目录

    ANDROID_HOME  android studio的安装目录

    把sdk对应的build_tools和 tools 添加到path目录下，中间用;隔开

3. 安装week-toolkit 和webpack 和weekpack，若中间有警告的可以忽略，安装失败的多安装几次

        npm install weex-toolkit -g

        检测是否成功week -v

        npm install  webpack -g

        检测是否成功webpack  -v

        npm install weexpack -g

        检测是否成功weexpack -v

4. 切换到需要创建工程的目录下

        npm create helloworld(工程的名称)

        npm install下载模块(进入工程目录下执行)

        weex platform add android (添加安卓平台，iOS的同学自行添加)

5. 打开Android studio,会看到下面有报错的情况，点击下载对应的版本，等待编译成功

6. 遇到的一些坑

若有报Annotation processors must be explicitly declared now这种错误的，需要在app的bulid.gradle 的defalutConfig 增加javaCompileOptions {    annotationProcessorOptions { includeCompileClasspath = true }}

以上是笔者第一次使用weex的心得，有不足之处请指正，共同学习。

参考资料：http://jspang.com/2017/07/12/weex/