1. 安裝
weexpack 是面向整個weex專案的管理工具,容易跟 weex init混淆,weex init 適用更簡單的情景。
npm install -g weexpack
建立 weex hello例子:
weexpack create helloweex
cd helloweex
npm install
weexpack platform add android
2. 執行程式
2.1 在 web 端執行
npm run build
npm run serve
2.2 在 android 端執行
weex run android
3. 用 android studio 3.0 開啟 weex專案
3.1 坑1: 使用 as 3.0 提示 從 gradle 3.0 公升級 gradle 4.1 後,會有乙個錯誤:
error:(24, 0) cannot set the value of read-only property 『outputfile』 for apkvariantoutputimpl_decorated} of type com.android.build.gradle.internal.api.apkvariantoutputimpl.
open file
解決方案:
把 build.gradle 的
variant.outputs.each { output ->
def outputfile = output.outputfile
output.outputfile = new file(outputfile.parent, filename)
修改為:
static def releasetime() {
return new date().format("yyyy-mm-dd", timezone.gettimezone("utc"))
variant.outputs.all { output ->
def outputfile = output.outputfile
if (outputfile != null && outputfile.name.endswith('.apk')) {
outputfilename = filename
3.3 坑3:
執行 weex run android 時,提示找不到 gradle 3,
3.2 坑2:沒有找到 android-23
error:missing android platform(s) detected: 'android-23'
install missing platform(s) and sync project
因為在as3.0 下預設使用的 是 sdk 26
compilesdkversion 26
buildtoolsversion '26.0.2'
compile 'com.android.support:support-v4:26.0.2'
mipmap-mdpi 160dpi
mipmap-hdpi 240dpi
mipmap-xhdpi 320dpi
mipmap-xxhdpi 480dpi
mipmap-xxhdpi 720dpi
weex安裝環境 WEEX環境搭建與入門詳解
weex簡介 環境搭建 開發weex程式之前,需要先搭建好相關的開發環境,為了同時開發android和ios跨平台應用,你需要一台mac電腦,然後安裝一些必要的軟體。homebrew homebrew是mac系統的包管理器,用於安裝nodejs和一些其他必需的工具軟體。安裝命令如下 usr bin ...
WEEX 環境安裝
weex是阿里開源的一套構建跨平台的移動框架。對於前端的同學,最直觀的是web components的開發方式 對於native同學,可以理解為使用web的開發方式構建跨平台移動程式 ios android 可以模擬的是react native,但是相對react native更為徹底 不僅統一了 ...
weex安裝環境
weex是阿里開源的一套構建跨平台的移動框架。對於前端的同學,最直觀的是web components的開發方式 對於native同學,可以理解為使用web的開發方式構建跨平台移動程式 ios android 可以模擬的是react native,但是相對react native更為徹底 不僅統一了 ...