zoukankan      html  css  js  c++  java
  • cordova环境搭建

    {//安装 nodejs (让js能运行于服务端,且集成了npm 包安装工具)
    安装 node-v6.2.2-x64.msi //从官网 https://nodejs.org 下载
    创建文件 C:myapp est.js /* 添加下面内容
    var http = require("http");

    http.createServer(function(req, res) {
    res.writeHead( 200 , {"Content-Type":"text/html"});
    res.write("<h1>Node.js</h1>");
    res.write("<p>Hello World</p>");
    res.end("<p>beyondweb.cn</p>");
    }).listen(3000);
    console.log("HTTP server is listening at port 3000.");
    */

    运行cmd
    > cd C:myapp
    > node test.js
    网页访问http://127.0.0.1:3000 //能访问到说明node 安装成功
    }

    {//安装 Cordova
    > npm config set strict-ssl false
    > npm config set registry https://registry.npm.taobao.org //国内被屏蔽,设置代理较快,
    > npm install -g cordova@6.0.0 /* 指定版本安装,避免版本不匹配,路径 :C:UsersivanAppDataRoaming pm
    版本见 http://cordova.apache.org/news/2016/10/25/tools-release.html
    注意选择版本,原因是cordova 和android 有版本匹配问题,如果全部下载到最新没有问题,但是国内被屏蔽了很多,安装很折腾人
    选择源,解决速度问题
    npm install -g nrm
    nrm ls
    nrm test 测试所有源速度
    nrm use taobao 切换源

    > npm install -g cordova 注:如果报错,原因可能是被屏蔽,换个代理 npm config set registry 试试
    如报错:
    C:WINDOWSsystem32>npm install -g cordova
    npm ERR! Windows_NT 10.0.10586
    npm ERR! argv "C:\Program Files\nodejs\node.exe" "C:\Program
    npm ERR! node v6.2.2
    npm ERR! npm v3.9.5
    设置npm config set registry https://registry.npm.taobao.org 后成功
    C:WINDOWSsystem32>npm install -g cordova
    C:UsersivanAppDataRoaming pmcordova -> C:UsersivanAppDataRoaming pm ode_modulescordovaincordova
    C:UsersivanAppDataRoaming pm
    `-- cordova@6.4.0
    +-- cordova-common@1.5.1
    | +-- ansi@0.3.1
    | +-- bplist-parser@0.1.1
    | | `-- big-integer@1.6.16
    | +-- cordova-registry-mapper@1.1.15

    如果下载有问题,可以指定老板版本的下载 npm install cordova@6.0.0 --save
    -g 是安装全局 --save 只当前文件夹内


    npm下载好包的见 资料/离线包里的 npm npm_cache (如果网络不好,可以把这些包放到对应的位置)
    */

    > cordova -v //查看版本 6.0.0
    > cordova create hello //注意不要在中文路径下
    > cd hello
    > cordova platform add browser /*
    报错:Cmd err:
    解决方法:
    在系统环境变量里 PATH变量后面追加 ;C:WindowsSystem32

    */
    点击 ChromeStandalone_54.0.2840.71_Setup.exe 安装谷歌浏览器
    > cordova run browser
    }

    {//安装 Android
    1. 点击安装 jdk-8u5-windows-x64.exe //安装路径 C:Program FilesJavajdk1.8.0_05 C:Program FilesJavajre8
    > java -version //有显示版本信息,表示安装成功
    2. 设置环境变量 (win10 控制面板 -> 系统 -> 高级系统设置 -> 环境变量 -> 用户变量里点新建
    新建JAVA_HOME变量 C:Program FilesJavajdk1.8.0_05
    新建classpath变量 .;%JAVA_HOME%lib;%‘%lib ools.jar
    在已有的path后添加 ;%JAVA_HOME%in;%JAVA_HOME%jrein
    3. 点击安装 android-studio-bundle-141.2422023-windows.exe //android 许多工具存在版本匹配问题,最好选择已集成好的。
    //路径 C:Program FilesAndroidAndroid Studio C:UsersivanAppDataLocalAndroidsdk
    //注意路径不能有中文字符
    点击 Start a new project
    选比手机Android 版本低的版本
    一路next
    连接手机 //注意:电脑的模拟器太慢了
    在手机上选USB调试 //如果找不到开发者选项,点关于手机,点版本点多次,就会显示开发者选项,里面有USB调试
    回到电脑,点三角按钮运行,Choose a Running device 真机调试 /*注意,版本需比手机Android 版本低
    如果没有设备显示,需装手机的驱动(可以用驱动大师)
    也可以换一个USB口试试
    */
    }

    {//设置Cordova支持的平台
    > cd hello
    > cordova platform ls //查看支持的平台
    > cordova platform add android@6.0 --save /*添加对Android平台支持
    --save 是安装在本地, -g 是安装全局
    @6.0 指定Android版本 这里最好指定和Android Studio对应的版本。规避版本不匹配的问题
    报错: Fail to install cordova-plugin-whitelist
    解决方法: cordova plugin add cordova-plugin-whitelist@1.0.0
    有的下载会中断,重复几次

    报错: download gradle 超时。
    解决方法: 把离线下载的gradle-2.14-all.zip 放到
    C:UsersXXX.gradlewrapperdistsgradle-2.14.1-all53l0mv9mggp9q5m2ip574m21oh 目录下即可以了
    XXX 是你的用户名
    53l0mv9mggp9q5m2ip574m21oh 这串字符要看自己的电脑上生成的

    报错: You have not accepted the license agreements of the following SDK components: [Android SDK Build-Tools 24, Android SDK Platform 24].
    解决方法: 需Android Studio 安装了对应版本的SDK ,这里下载24版本的(需设置代理才能下载)
    打开Android Studio Tools -> SDK Manager -> Http Proxy -> Manu Proxy ->
    Host Name 设为: mirrors.neusoft.edu.cn
    Port 80
    点 Check Connection 测试链接
    Android SDK -> Lanuch Standlone SDK Manager
    选择对应的 24版本下载 (注意:下载不了时,可以重新连接一下代理,多下载几次就可以了)

    下载好的SDK 包在 C:UsersivanAppDataLocalAndroidSDK
    见离线包 里的sdk (如果网络下载不了,可以把它防止对应的位置)

    */
    > cordova build android /*编译生成 android 平台的代码
    下载很慢如 https://repo1.maven.org/maven2/org/bouncycastle/bcprov-jdk15on/1.48/
    解决方法:
    代理,
    或离线下载

    下载慢,用国内源
    > npm install -g cnpm --registry=https://registry.npm.taobao.org
    */

    > cordova emulate android /* 模拟器运行 (建议跳过,因性能太差)
    报错: HAXM is not working and emulator runs in emulation mode
    emulator: The memory needed by this AVD exceeds the max specified in your HAXM configuration.
    emulator: AVD RAM size = 1536 MB
    emulator: HAXM max RAM size = 512 MB
    emulator: You might want to adjust your AVD RAM size and/or HAXM configuration to run in fast virt mode.
    模拟器卡在android 字样处。不能进入Android 主界面
    解决方法:
    需安装HAXM 见 Android Studio Tools -> SDK Manager ->
    Android SDK -> Lanuch Standlone SDK Manager
    选择 Extras 里的HAXM 安装 ,安装后 (如果不能联网,离线包里有)
    点击安装 C:UsersivanAppDataLocalAndroidsdkextrasintelHardware_Accelerated_Execution_Managerintelhaxm-android.exe
    重新设置值为和AVD 一致的1536 MB
    重启 AVD
    */

    用Android Studio 导入该项目(如C:ivancordova_androidhelloplatformsandroid) /*
    报错: Gradle sync failed: Cause:https://services.gradle.org/distributions gradle-2.14.1-all.zip
    原因: 项目需要对应版本的gradle去编译管理项目,
    查看我们的gradle。见C:Usersivan.gradlewrapperdistsgradle-2.14.1-all 是有的
    为何还要报错呢? 我们往下看里面有 53l0mv9mggp9q5m2ip574m21oh 和9ossqmv60fyibylheubs4isy9
    9ossqmv60fyibylheubs4isy9里文件是空的,原来,新项目可能会重新产生一个编码。
    只要我们把53l0mv9mggp9q5m2ip574m21oh里OK内容拷贝到9ossqmv60fyibylheubs4isy9中,
    并且 File->Invalidate and restart 清除缓存重启,就OK了

    解决方法2:更改版本检测 (该方法不一定行)
    更改
    C:ivancordova_androidMyAppplatformsandroidgradlewrappergradle-wrapper.properties
    里为已有版本 distributionUrl=https://services.gradle.org/distributions/gradle-2.8-all.zip
    把 .gradle/2.8 考到对应位置
    */
    USB接入Android手机,真机运行
    }

    {//转换到手机上运行实例
    准备h5项目源码 如 “项目包”
    > cordova create h5prj2 //创建cordova项目,注意其所在路径和文件名不能为中文,否则报错 non-ASCII characters
    解压“项目包”命名为www 并替换 h5prj2里的www
    指定入口:更改config.xml里的入口程序名index.html 为 05-03-晒单.html
    > cordova platform add android@6.0 --save
    > cordova build android
    用Android Studio 导入该项目:file-new-import project-选择所要倒文件里的android,点ok
    USB接入Android手机,点Android Studio 运行按钮,真机运行 //会在手机上看到项目界面

    }

    }

  • 相关阅读:
    设计模式——装饰模式(Decorator Pattern)
    设计模式——策略模式(Strategy Pattern)
    设计模式——简单工厂模式(SimpleFactory Pattern)
    入博客园三周年记
    android+Service
    surfaceView+canvas+paint+bitmap
    Enable Sublime text 2 to support GBK in Mac
    androidstudio+opencv
    mac下的环境变量PATH
    Curl命令
  • 原文地址:https://www.cnblogs.com/iriliguo/p/6476089.html
Copyright © 2011-2022 走看看