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>

  • 相关阅读:
    Quartz实现动态定时任务
    Springboot跨域和SpringCloud跨域
    java8 LocalDate 判断一年中的标准周末和工作日
    [WIP]iOS/macOS开发中常见的宏解释
    [WIP] Objective-C Runtime调试
    [WIP] iOS课程作业
    macOS 允许任何来源的应用
    Win10系统下移动、复制、删除文件需要管理员权限的解决方法
    flutter MediaQuery获取屏幕宽度高度密度通知栏高度等屏幕信息
    Flutter 获取状态栏高度、appBar高度 和 手机屏幕宽高
  • 原文地址:https://www.cnblogs.com/NKnife/p/7086608.html
Copyright © 2011-2022 走看看