zoukankan      html  css  js  c++  java
  • mac下 cordova 搭建

    最近遇到一个cordova搭建的项目,于是看了看如何搭建这个。  这个其实 和 phoneGap 差不多,都是为了方便html跨平台才产生的产物。  cordova  也可以生成  iOS  和 安卓俩平台,可以使html的开发者很容易就开发出一款基本的app。 当然如果想达到跟原生app一样的效果,还需要有相当的原生功底才行。需要html与原生交互。

    下面就说说如何搭建环境:

    一、检查JS运行环境

    打开命令行,运行以下命令 
    如果不能打出版本号,需要去https://nodejs.org下载运行环境,是一个pkg,安装。

    laomao:~ laomao$ npm -v
    2.14.12

    上面的这个安装npm有时候会被墙,要像安装pod那样  先 改变本地镜像

    方法如下:

    更换成淘宝的源

    npm config set registry https://registry.npm.taobao.org 
    – 配置后可通过下面方式来验证是否成功 
    npm config get registry 
    – 或npm info express

    二、安装Cordova

    在命令行运行以下命令,安装Cordova 
    这里由于是用的sudo系统管理命令,所以需要输入系统密码。

    laomao:~ laomao$ sudo npm install -g cordova@6.0
    Password:
    npm WARN deprecated npmconf@2.1.2: this package has been reintegrated into npm and is now out of date with respect to npm
    /usr/local/bin/cordova -> /usr/local/lib/node_modules/cordova/bin/cordova
    cordova@6.0.0 /usr/local/lib/node_modules/cordova
    ├── underscore@1.7.0
    ├── q@1.0.1
    ├── ansi@0.3.1
    ├── nopt@3.0.1 (abbrev@1.0.7)
    ├── update-notifier@0.5.0 (is-npm@1.0.0, semver-diff@2.1.0, chalk@1.1.1, string-length@1.0.1, repeating@1.1.3, configstore@1.4.0, latest-version@1.0.1)
    └── cordova-lib@6.0.0 (valid-identifier@0.0.1, opener@1.4.1, properties-parser@0.2.3, semver@4.3.6, shelljs@0.3.0, cordova-app-hello-world@3.10.0, nopt@3.0.6, xcode@0.8.0, dep-graph@1.1.0, npmconf@2.1.2, aliasify@1.9.0, npm@2.14.18, request@2.47.0, tar@1.0.2, init-package-json@1.9.3, cordova-serve@1.0.0, cordova-js@4.1.3)
    

    三、创建项目,增加平台

    运行以下命令,创建一个cordova项目

    laomao:~ laomao$ cordova create MyCordovaApp
    Creating a new cordova project.

    以iOS为例,增加iOS平台(官网的示例是浏览器的)

    laomao:~ laomao$ cd MyCordovaApp/
    laomao:MyCordovaApp laomao$ ls config.xml hooks platforms plugins www laomao:MyCordovaApp laomao$ pwd /Users/laomao/MyCordovaApp
    laomao:MyCordovaApp laomao$ cordova platform add ios Adding ios project... iOS project created with cordova-ios@4.0.1 Discovered plugin "cordova-plugin-whitelist" in config.xml. Installing to the project Fetching plugin "cordova-plugin-whitelist@1" via npm Installing "cordova-plugin-whitelist" for ios

    编译代码

    四、运行项目

    项目目录下,有个platforms文件夹,找到对应的平台,打开项目,运行。

  • 相关阅读:
    02-01官网静默模式安装WebLogic
    01-java技术体系基础
    MySQL安装的三种方式
    centos虚拟机初始化脚本
    Nginx编译配置介绍
    word发布博客至博客园
    Bash shell编程的语法知识点(1)
    c=$[$c%5]到let c=$c%5的转换
    <转>shell经典,shell十三问
    进程管理工具htop/glances/dstat的使用
  • 原文地址:https://www.cnblogs.com/isItOk/p/7273994.html
Copyright © 2011-2022 走看看