zoukankan      html  css  js  c++  java
  • 使用Android-studio开发移动app与weex结合开发详细步骤

     详细步骤如下:

     

    首先,确保机器已经安装了node.js,并且把npm更新到最新版本

    下载完毕后,我们可以看到全局目录下的node_modules下面多出一个weex-toolkit

    同时,我们留意到global目录下也多出了weex的执行脚本程序

    输入命令weex –v 参看版本,我们也可以看出weex分为builder和previewer2个东西。

    进入工程目录下,执行命令weex create weex01创建项目weex01

    我们可以看到weex01目录已经创建成功了,Weex 和 Vue 的模板项目创建成功了。

    后续将会使用3条命令

    npm run dev     【webpack watch 模式,方便开发】

    npm run serve    【开启HotReload服务器,代码改动的将会实时同步到网页中】

    npm run build     【源码打包,生成 JS Bundle】

    先进入项目目录weex01执行 npm install 安装项目依赖

    解压android-studio和android-sdk到d:java

    配置环境变量

     

    1、给PATH变量,增加(不是替换),增加%ANDROID_SDK_HOME%platform-tools

    执行studio的执行文件

    咨询是否导入原来的配置信息,没有的就选择do not

     

     

    配置代理服务器(可能随时都变,具体新服务器,从百度找)

     

     

    到此基本的android项目已经配置完成了。下面是接入WEEX

    V7本来项目就有,所以只需要按照WEEX的文档的要求,添加红色部分的4个依赖,注意修改为对应SDK版本。

    点击同步

    把项目的显示组织,切换到传统的Project模式

    切换的目的,在main目录下面,建立一个assets目录(不是android自带)

    编写自己的hello.js

     

    生成出的hello.js 覆盖上文中android studio中的assets目录的文件,重新编译即可。

  • 相关阅读:
    个人博客作业Week2
    个人作业
    软件工程——个人博客作业三
    软工个人博客二
    软件工程——个人博客作业一
    Linux服务器搭建常用环境(一)
    Swift学习之语言基础
    Python——函数的参数
    Python——函数的调用
    Python 导语
  • 原文地址:https://www.cnblogs.com/goldlong/p/8109283.html
Copyright © 2011-2022 走看看