• 之前的项目中用到了angularjs+cordova+ionic,当时用的是win7系统,搭建的也是Android的环境,现在换了家新的公司发现需要在mac 上搭建开发环境。刚开始结束mac系统,所以不是那么熟悉,经过查找资料终于把环境搭建...
    之前的项目中用到了angularjs+cordova+ionic,当时用的是win7系统,搭建的也是Android的环境,现在换了家新的公司发现需要在mac 上搭建开发环境。刚开始结束mac系统,所以不是那么熟悉,经过查找资料终于把环境搭建成功。下面就来给大家介绍一下搭建流程:
    ##cordova
    **1.查看mac上是否已安装了xcode(ios的集成开发环境),可以在AppStore里面下载安装。**
    
    **2.安装cordova之前要安装nodejs,会包含npm安装(npm是个包管理器)**
    可以在官网上下载nodejs的mac OSX版安装包。然后双击,下一步下一步···,osx会自动添加环境变量,不用手动配置,mac上会默认安装到 usr/local/bin下,也可以更改目录。
    
    ```
    ll //可查看usr/local/bin 下面已安装的内容
    ```
    
    ```
    node -v
    npm -v   //可查看已安装的nodejs,npm的版本号
    ```
    
    **3.然后就可以安装cordova了(git不用安装,osx和Linux都自带git,可以在命令行输入git -v即可查看)**
    
    ```
    sudo npm install -g cordova //安装cordova
    
    //有时候网络不好,可能会安装失败,需要使用代理
    npm config set registry http://registry.cnpmjs.org //配置代理
    
    //然后再安装cordova
    sudo npm install -g cordova //-g代表全局安装,即可以供多个项目使用 sudo是因为使用root权限,需要管理员密码
    ```
    **4.输入命令行测试是否安装成功**
    
    ```
    cordova -v
    ```
    **5.测试**
    1)创建一个空白文件夹名为test
    ![这里写图片描述](https://img-blog.csdn.net/20161228104105848?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvWWFuYV9saQ==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)
    2)在命令行输入以下命令
    
    ```
    
    //1.创建一个cordova项目
    /**
     *hello1:你的项目文件夹名称,
     *com.example.hello1:你的项目内部包名
     *HelloWorld1:项目名称,打包出的安装程序安装后显示的名称
     */
    cordova create hello com.example.hello HelloWorld
    //2.进入hello项目
    cd hello
    //3.添加IOS平台
    cordova platform add ios
    //4.build 项目
    cordova build ios
    //5.启动ios模拟器
    cordova emulate ios
    ```
    ![这里写图片描述](https://img-blog.csdn.net/20161228105736279?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvWWFuYV9saQ==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)
    此时查看hello文件夹
    ![这里写图片描述](https://img-blog.csdn.net/20161228110002986?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvWWFuYV9saQ==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)
    
    cordova环境搭建成功
    注:这时模拟器默认得是iPhoneSE,如果想更换模拟器的手机版本,可以在命令行输入下面代码:
    
    
    ```
    cordova emulate ios --target iPhone-6s //模拟器版本为iPhone-6s
    ```
    ![这里写图片描述](https://img-blog.csdn.net/20161228115810194?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvWWFuYV9saQ==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)
    
    ##Ionic
    ####1、安装ionic
    
    ```
    sudo npm install -g ionic
    ionic -v //查看版本号 
    sudo npm install -g ios-sim //ios-sim 将app项目添加到ios模拟器
    ionic start --v2 myApp tabs
    ionic serve
    ```
    
    ionic 配置成功
    ![这里写图片描述](https://img-blog.csdn.net/20161228120311165?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvWWFuYV9saQ==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)
    
    展开全文
  • Mac上 安装完 node 后,安装Cordova 或 创建时 出现错误导致无法正常进行项目。 先贴出完整错误提示 usr/local/lib/node_modules/cordova/node_modules/insight/node_modules/configstore/index.js:53 throw ...
  • 我们可以使用npm全局安装Cordova npm install -g cordova 创建Cordova项目 cordova create demo com.demo.hello HelloCordova #demo 文件名 #com.demo.hello 项目bundle name #HelloCordova 项目名 Parameter...
  • 安装Nodejs、ionic和cordova 2018-06-28 15:28:27
    //nodejs.org/en/安装完成后验证npm -vnode -v2、修改npm镜像地址npm config set registry https://registry.npm.taobao.org验证npm config get registry3、安装ionic和cordova npm insta...
  • 到《Cordova webapp实战开发:(6)如何写一个iOS下获取APP版本号的插件?》为止,我们已经大体学会了如何使用Cordova了,那些都是使用Cordova的开发者必备的技能。今天我们要说一下开发者应该具备的一些额外经验,...
  • 安装Cordova CLI1. cordova的安装: 1.1 安装cordova需要先安装node.js。 1.2 如果你没有安装git ...1.3 使用node.js的依赖包管理工具npm来进行cordova安装。 打开终端输入如下命令: sudo npm install -g cordova
  • 安装 cordova sudo npm install cordova 创建项目 创建一个demo文件夹,里面自动加载基本的文件以及目录 cordova create demo com.test.demo demo 把web工程拷贝到demo/www目录下 准备 $ npm ...
  • 如何用cordova创建web app 2015-01-26 18:59:02
    今天在家没事做,瞎搞了一下apache cordova,感觉还是蛮有意思的哈哈哈。废话不多说。我们先来配置环境吧 (一)准备工作的准备工作 首先需要安装的工具有: JAVA的JDK;装完自行配置环境变量 Android的SDK;我用的...
  • 注意:IOS开发环境只能在MAC系统上搭建。 1.安装 Node.js Cordova需要Node.js环境,访问https://nodejs.org 下载安装, LTS版本即可,不要最新版。 2.安装 Cordova 执行下述命令把Cordova做为全局模块...
  • Cordova iOS应用在使用系统自带输入法键盘的时候,聚焦文本框是会将整体webview界面上移的,如下图: 然而,如果你用的是第三方输入法(百度、搜狗、qq输入法等都是),聚焦文本框弹出键盘时,界面却不会整体上...
  • 一、Ionic简介ionic 是一个强大的 HTML5 应用程序开发框架(HTML5 Hybrid Mobile App Framework )。 可以帮助您使用 Web 技术,比如 HTML、CSS 和 Javascript 构建接近原生体验的移动应用程序。...io...
  • cordova 判断当前平台 2020-06-10 18:03:06
    navigator.platform 不依赖任何插件 console.log(navigator....在苹果手机上打印为:iPhone //Linux armv8l if(navigator.platform == "iPhone"){ console.log("苹果") }else{ console.log("其他") } ...
  • 安装cordova-plugin-wkwebview-engine插件 iOS 9+以上才支持WKWebView cordova plugin add cordova-plugin-wkwebview-engine 解决跨域问题 打开Xcode找到这个文件CDVWKWebViewEngine.m, 找到这个方法,里面添加...
  • 最近上架APP被苹果拒绝,...首先安装cordova插件 ionic cordova plugin add cordova-plugin-sign-in-with-apple 然后在需要苹果登录的地方判断下当前是否为苹果手机 import {Platform} from '@ionic/angular'; ...
  • [笔记]如何安装cordova 2016-11-18 15:41:41
    Phonegap /Cordova 专门用来把我们的Web应用打包成APP 官网:https://cordova.apache.org/ 安卓(java)---> 用来开发安卓手机的应用 ios ---->ObjectC/swift  html/css/js 套一个壳 生成相关的安装文件 安卓(.apk)...
  • Cordova - 实现热更新 ! 2019-07-06 00:44:48
    Cordova版本:8.0.0 更新APP平台:Android 操作系统:Windows Cordova的热更新,作用是把www内的变动部分更新到APP中,实现主程序不动,完成更新!!这个热更新功能,对于IOS APP更有意义,因为,可以避免繁琐的...
  • Cordova/Phonegap 升级至 2.8.1 2013-06-24 16:57:27
    Apache Cordova 项目首页: http://cordova.apache.org/ Apache Cordova 历史版本列表: http://archive.apache.org/dist/cordova/ Adobe Phonegap 下载页面: http://phonegap.com/download/ 本贴首发于...
  • Cordova使用(vue) 2019-06-10 15:25:26
    概览 Cordova Cordova 能够将你的 HTML/JS 代码打包在一个原生的容器中运行,并且可以调用系统的各类软硬件接口...最终发布到各大应用市场,包括苹果的 App Store。 Cordova 插件 Cordova 通过插件的生...
  • 项目需求 ...安装cordova-plugin-statusbar插件 cordova-plugin-statusbar是一个方便开发者自定义ios和andriod状态栏的插件 //安装插件 cordova plugin add cordova-plugin-statusbar 修改statusbar.ja
1 2 3 4 5 ... 20
收藏数 898
精华内容 359