zoukankan      html  css  js  c++  java
  • Hybrid app(cordova) 环境配置记录

    node版本管理 NVM 安装过程

    由于最新版 node 不兼容部分功能,所以需要安装 nvm 切换 node 版本

    在 https://github.com/coreybutler/nvm-windows 下载 nvm-windows

    安装后,由于下载 node 速度太慢,所以修改安装目录下的 setting.txt 文件,加上:

    arch: 64
    proxy: none
    node_mirror: http://npm.taobao.org/mirrors/node/
    npm_mirror: https://npm.taobao.org/mirrors/npm/

    接着安装需要的版本 
    nvm install latest  // 最后一个版本

    nvm install 6.9  // node 6.9

    安装后

    nvm use 6.9

    接着查看是否安装成功

    node -v

    如果报错,删除安装 nvm 时,创建的 nodejs 文件夹

    惯例安装cnpm

    npm install -g cnpm --registry=https://registry.npm.taobao.org

    cordova安装过程

    首先全局安装 cordova 及 phonegap (可不安装)

    cnpm install cordova phonegap -g

    接着根据模板创建工作目录

    cordova create app(文件夹名) com.example.app app(app名) --template 

    cd app

    cnpm install  // 安装依赖

    cordova platform add android  // 安装 android 平台

    cordova plugin add cordova-plugin-camera  // 相机api

    cordova requirements  // 查看运行环境,发现缺少 sdk

    java sdk、android sdk、gradle安装及配置环境变量

    安装 java sdk

    http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html

    安装 android sdk

    https://android-sdk.cn.uptodown.com/windows

    解压 gradle

    https://gradle.org/releases

    添加环境变量

    JAVA_HOME D:java (java sdk安装位置)

    CLASSPATH %JAVA_HOME%libdt.jar;%JAVA_HOME%lib ools.jar;

    GRADLE_HOME D:gradle-3.3 (gradle安装位置)

    Path
    %ANDROID_HOME%platform-tools
    %ANDROID_HOME% ools
    %JAVA_HOME%in
    %GRADLE_HOME%in

    用户环境变量:

    Path变量下:

    android sdk 安装如下文件

    配置模拟器 adv

    调试

    启用 adv 调试,同时打包apk到 appplatformsandroiduildoutputsapk 目录下

    cordova run android  

    调用原生api时,在index.html中加入如下标签(该文件在 appplatformsandroidassetswww 目录下)

    <script type="text/javascript" src="cordova.js"></script>

  • 相关阅读:
    数组中的趣味题二
    数组中的趣味题一
    归并排序
    堆内存与栈内存
    c++中的继承和组合
    直接插入排序
    NYOJ 1067 Compress String(区间dp)
    C++ Primer 学习笔记与思考_7 void和void*指针的使用方法
    ucgui界面设计演示样例2
    手机无法连接电脑的手机助手
  • 原文地址:https://www.cnblogs.com/NKnife/p/7086608.html
Copyright © 2011-2022 走看看