什么是weex

关于什么是weex,引用官网解释"Weex 是一个使用 Web 开发体验来开发高性能原生应用的框架"。此处不做过多赘述，本文主要致力于创建第一个weex应用及其中采坑处理。关于weex介绍，请参考官网：http://weex-project.io/cn/。

如何创建weex

1.请确保已经安装了node.js,执行全局安装命令:

npm install weex-toolkit -g

若安装缓慢,可采用淘宝镜像 --registry https://registry.npm.taobao.org

npm install weex-toolkit -g --registry https://registry.npm.taobao.org

2.执行完毕后,可在当前目录创建空的模板项目,执行命令:

weex create first-app

3.创建完毕后,进入first-app目录,安装依赖,并启动项目

cd first-app
npm install
npm start

4.此时可以在浏览器中访问:http://localhost:8081查看效果。
此时没有遇到什么坑，项目也正常访问，下面重点介绍下android下运行weex遇到的坑

android 下weex搭建及运行

1.上述操作并未添加android和iOS项目,执行如下代码:

weex platform add android

此处只介绍android环境下采坑,故只添加android,等待下载完成

2.配置android开发环境,此处推荐android studio,可以通过以下链接下载
http://www.android-studio.org...
3.下载完成后配置android环境变量

4.重新定位到当前工程目录,执行

weex run android

• 若出现如下错误,请连接手机,打开开发者模式并开启usb调试

• 出现如下错误

  variant.outputs.each { output ->
            def outputFile = output.outputFile
            if (outputFile != null && outputFile.name.equals('app-debug.apk')) {
                def fileName = outputFile.name.replace("app-debug.apk", "weex-app.apk")
                output.outputFile = new File(outputFile.parent, fileName)
            }
        }

为

variant.outputs.all { output ->
            def outputFile = output.outputFile
            if (outputFile != null && outputFile.name.equals('app-debug.apk')) {
                def fileName = outputFile.name.replace("app-debug.apk", "weex-app.apk")
                outputFileName = fileName
                //output.outputFile = new File(outputFile.parent, fileName)
            }
        }

将each变为all,注释output,outputFile ,添加 outputFileName = fileName ,指定try again
若仍出现错误,如下:

javaCompileOptions { annotationProcessorOptions { includeCompileClasspath = true } 
}

执行sync now,无报错

重新运行 weex run android