weex初始化和填坑(android)

开发环境搭建(Android)

1. 下载JDK

配置环境变量

2. Android Studio开发环境

搭建相关

sync缓慢 || https->http

// build.gradle
buildscript {
    
    repositories {
        maven{ url 'http://maven.aliyun.com/nexus/content/groups/public/'}
        google()
        jcenter()
    }
    dependencies {
        classpath 'com.android.tools.build:gradle:3.3.1'
        

        // NOTE: Do not place your application dependencies here; they belong
        // in the individual module build.gradle files
    }
}

allprojects {
    repositories {
        maven{ url 'http://maven.aliyun.com/nexus/content/groups/public/'}
        google()
        jcenter()
    }
}

3. 连接手机

app启动页,图标设置

4. 模拟路由守卫

5. 正常引入vuex

报错 找不到模块?

原因是store.js有vue的内容，经查证，引入vue的时候不能用相对地址，参考其他的模块引入

import store from  '@/store'

6. weex里Vuex state使用storage持久化

7. 对于async、await等支持

//命令行安装
npm install --save-dev babel-plugin-transform-runtime

//然后在.babelrc文件中加入
{
"presets": [
"es2015",
"stage-0"
],
"plugins": [ [
"transform-runtime",
{
"helpers": false,
"polyfill": false,
"regenerator": true,
"moduleName": "babel-runtime"
}
]]
}

8. 基于 weex 封装、面向前端的 vue 写法的一整套 APP 开源解决方案

eros

eros init
cd 包名
npm install

eros dev

用git bash执行安装依赖 install.sh

再打开 AS

9. 调试

1. app 上关闭 拦截器
2. 开启热更新
3. eros dev
4. weex debug
5. 扫码
6. 开启js调试.