weex安裝環境 Weex 入門 1 環境安裝

2021-10-12 15:59:57 字數 1654 閱讀 4539

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更為徹底 不僅統一了 ...