Open WangShuXian6 opened 5 years ago
https://weex.apache.org/cn/ https://github.com/apache/incubator-weex/ npm install weex-toolkit -g
https://weex.apache.org/cn/
https://github.com/apache/incubator-weex/
npm install weex-toolkit -g
npm install --save-dev babel-plugin-transform-runtime
在 /babelrc 中加入如下内容 "plugins": [ [ "transform-runtime", { "helpers": false, "polyfill": false, "regenerator": true, "moduleName": "babel-runtime" } ] ] 示例 <template> <div class="wrapper"> <image :src="logo" class="logo"/> <text class="greeting">The environment is ready!--</text> <HelloWorld/> </div> </template>
在 /babelrc 中加入如下内容
"plugins": [ [ "transform-runtime", { "helpers": false, "polyfill": false, "regenerator": true, "moduleName": "babel-runtime" } ] ]
示例
<template> <div class="wrapper"> <image :src="logo" class="logo"/> <text class="greeting">The environment is ready!--</text> <HelloWorld/> </div> </template>
##### 初始化 >weex create awesome-app ##### 构建app >https://github.com/weexteam/weex-pack/wiki/%E5%A6%82%E4%BD%95%E7%94%A8weexpack%E5%88%9B%E5%BB%BAweex%E9%A1%B9%E7%9B%AE%E5%B9%B6%E6%9E%84%E5%BB%BAapp >npm install weexpack -g >weex platform add ios >weex platform add android ##### 安卓配置 >安装Android Studio >https://developer.android.com/studio/ >http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html >新建一个 Android 项目,在第二步中选择 Android 5.1 >安装 Android 模拟器 >安装 Android build-tool 版本为 23.0.2 >配置Android_HOME环境变量和PATH ```bash vim ~/.bash_profile
然后在顶部加入 export ANDROID_HOME=/Users/zl/Library/Android/sdk
然后在顶部加入
export ANDROID_HOME=/Users/zl/Library/Android/sdk
export PATH=$PATH:$ANDROID_HOME/tools
export PATH=$PATH:$ANDROID_HOME/platform-tools
>source ~/.bash_profile >关闭所有终端 ##### ios 配置 >安装xcode 并打开一次 >安装cocoapods >安装RVM ```bash curl -L http://get.rvm.io | bash -s stable
更换Ruby镜像 1)检查当前镜像 gem sources -l (2)移除当前镜像 gem sources --remove https://rubygems.org/ (具体看你上一步检查的结果) (3)更换新的镜像 gem sources -a https://gems.ruby-china.com/ (4)检查新镜像是否安装成功 gem sources -l
更换Ruby镜像
1)检查当前镜像 gem sources -l (2)移除当前镜像 gem sources --remove https://rubygems.org/ (具体看你上一步检查的结果) (3)更换新的镜像 gem sources -a https://gems.ruby-china.com/ (4)检查新镜像是否安装成功 gem sources -l
>安装CocoaPods ```bash sudo gem install -n /usr/local/bin cocoapods
下载标准配置文件 pod setup
下载标准配置文件
pod setup
weexpack run android weexpack run ios
weexpack build ios weexpack build android
每个单页中使用 vue 实例方法 import Vue from 'vue'
每个单页中使用 vue 实例方法
import Vue from 'vue'
https://alibaba.github.io/weex-ui/#/cn/ https://alibaba.github.io/weex-ui/#/cn/with-weex-toolkit
npm i weex-ui@latest -S npm i babel-plugin-component babel-preset-stage-0 -D
npm install weex-bindingx --save
weex
使用async/await
export PATH=$PATH:$ANDROID_HOME/tools
export PATH=$PATH:$ANDROID_HOME/platform-tools
运行
打包