zoukankan      html  css  js  c++  java
  • weex创建并利用axdroid-stadio打开

    也是第一次开始接触weex,过程有些艰难,所以记下来,方便后面查看

    weex致力于是开发者能基于通用跨平台的web开发语言和开发经验,来构建android、iso和web应用。简单的来说,在继承的WeexSDK之后,可以使用javascript语言和前端开发经验来开发移动应用的(官方文档上的话)

    其实还需要安装java环境,jdk什么的,由于我之前就有,所以这就没有安装了,下载一个jdk,然后配置一下环境,在命令行中输入一个java,有内容返回,就说明成功了

    首先安装环境

    1,nodejs(看到weex的应该都明白这个)

    2,安装

    npm i -g weex-toolkit

        weex -v //查看weex版本

    3,创建项目

       

    weex create project-name  // (weex init project-name 这种类型的创建方式已经被废弃很久了,所以就安安心心的使用create吧)

    4,安装android-studio环境(由于android-studio要基于java的jdk环境,所以还有安装java对应的环境才可以运行)

       官网上下载(https://developer.android.google.cn/studio

       安装完成后获取sdk去配置环境变量

       获取方法:

          打开软件,在设置中找到sdk,复制下来在电脑的高级设置中添加环境变量

          用户变量中:添加ANDROID_HOME:C:Userxxxxandroidsdk

          系统变量中:Path:C:Userxxxxandroidsdk ools

               Path:C:Userxxxxandroidsdkplatform-tools

                         

                         

                         

                          

    5,android-studio中安装weex所需要的东西(至于这个东西叫什么名字,我也不是很清楚,毕竟不懂安卓,也是初学),根据翻译,应该叫sdk工具吧

     主要安装下面几个

                                    

                        

     如果第一次没有安装后面可以点击这个地方,也可以进入到这个界面去

                      

    6,weex添加android-statuio

      

    weex platform add android
    

      

      添加成功后

                

    7,运行

       npm run android
    

      

       这时候我们就可以在项目中看到  

                 

     然后进行漫长的等待,好了之后就直接会打开页面了

     8,直接运行

     npm run start

     会直接运行到浏览器

    作者:epines
    本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须在文章页面给出原文连接,否则保留追究法律责任的权利。
  • 相关阅读:
    JavaScript对象模型执行模型
    jQuery+CSS实现的图片滚动效果
    js笔记作用域(执行上下文[execution context],活动对象) 闭包
    JavaScript中的值类型和引用类型
    程序员第一定律:关于技能与收入
    JavaScript 秘密花园 http://bonsaiden.github.com/JavaScriptGarden/zh/
    程序员三大世界观 如何看待HTML5
    10 条建议让你创建更好的 jQuery 插件
    html 打印
    面向对象的 Javascript (声明篇)
  • 原文地址:https://www.cnblogs.com/epines/p/11800871.html
Copyright © 2011-2022 走看看