一、Windows环境配置

1.如果已经安装VS2015,打开【工具】-【选项】找到Cordova选项:

运行依赖关系查看器,用来检测开发环境是否完整。

如果检测显示:

那么就是环境配置完成了。可以直接开发了。

如果显示有错误页面,那么按照错误页面的提示,进行对应的环境配置即可。

一般错误页面提示都是缺少对应的依赖组件,包括如下:

Git

Node.js

Android SDK

JDK

这些组件可以在安装VS时选择安装,不过版本不是最新的。所以一般自己手动安装就行了。

截至本文发布前:VS2015 Cordova目前版本已经是Update 8了。我使用的是Update7,Cordova版本5.1.1,支持Android-23。

注意:Node.js最好安装x86 32位版本。VS官方给的意见就是推荐使用32位版本,如果你安装了64为Node.js那么依赖关系检查有可能提示系统没有安装Node.js。如果始终提示没有安装Node,建议改为32位。经测试,有的机器安装64位正常,有的机器安装64位后会提示找不到Node,根据官方意见改成32位就正常了。

2.如果VS中没有Cordova选项请看下面步骤:

在【工具-选项】中没有Cordova选项,那么就是安装VS时使用了默认安装选项,默认安装选项里不安装Cordova工具。重新打开VS2015的安装包,执行安装程序,选择修改,会弹出所有可安装的列表,将Cordova选项勾上,重新应用即可。建议在安装之前把Android SDK装上,VS安装Android SDK默认使用Google地址,没有VPN的话,会等相当长的时间。

打开VS安装程序,选择修改:

勾选Corvoda:

注意:勾选Cordova同时会自动默认勾选Android SDK和Git等工具选项,上图没有显示Android SKD选项,因为测试用的电脑没有连网,切记安装过程保证网络通畅。

3.如果新装VS

推荐使用VS2015 Update1及以上版本。安装时,选择自定义,将需要的选项勾选,建议安装前将Android SDK安装好。安装步骤如上图所示,同时保证网络通畅。

二、Mac环境配置

1.自己有Mac电脑

下载并安装Xcode工具,提供编译和模拟器。

下载安装Node.js

使用Node指令下载并安装remotebuild等工具

记得使用前先解锁root账户

su root
sudo npm install npm -g
sudo npm install remotebuild -g
sudo npm install ios-sim -g

安装完成remotebuild工具后,启动remotebuild服务:
remotebuild --secure false
注意:--secure false启用非安全模式,在我机器上测试时使用安全链接,无法链接成功,建议使用非安全链接,启动结果如下:

首次启动时会生成一个PIN码,记得一定要记下来,需要用来在VS中配置的,如果没有生成PIN码使用:

remotebuild -test
或者使用
remotebuild -certificates
来生成。默认首次启动会生产对应信息:如下
IP:192.168.1.101
PIN:214021
Port:3000
以上的PIN值是默认生成的PIN码,如果有忘记的,貌似可以使用,如果没有IP信息,自己在Mac中查看下IP即可。
完成上述步骤,打开VS2015 【工具】-【选项】找到Cordova选项,选择【IOS配置】:
将上述获取的信息填入即可,备注:建议安全模式选择false关掉。SSL安全链接我简单试了下,貌似不行,还是关掉吧。
至此IOS环境全部配置完成,只要把Mac电脑和remotebuild远程编译服务开启即可,同时保持网络通畅。
Xcode的模拟,会在VS发出编译请求后,自动开启。

2.没有Mac电脑

使用微软账号申请一个免费的Mac云端虚拟机,或者自己搭建Mac虚拟机即可,环境配置同上。

结束语:Hello Word程序将会在下篇中详细介绍,包括编译生成,模拟器,真机调试等内容。本篇仅仅介绍环境配置。如果你喜欢,请关注,后续会继续推出。

转载于:https://www.cnblogs.com/UltimateAvalon/p/5328642.html

VS2015 Cordova Ionic移动开发(一)相关推荐

  1. VS2015 Cordova Ionic移动开发(五)

    一.创建侧边菜单和导航项目 1.使用VS创建一个Ionic空项目,同时创建一个Ionic SideMenu和Ionic Tabs项目.将SideMenu和Tabs项目里的templates和js文件合 ...

  2. 实践分享:开始用Cordova+Ionic+AngularJS开发App

    http://www.cocoachina.com/webapp/20150707/12395.html 本文是一篇关于我本人在使用Cordova+Ionic以及AngularJS开发移动App的过程 ...

  3. 搭建 Angular + Cordova + Ionic 集成开发环境

    IDE VS Code WebStorm IDEA 简介 轻量 前端开发 全栈开发 插件 Angular   Cordova Lombok 准备 建立基本开发环境 1. 安装 Node.js 注:使用 ...

  4. Cordova/Ionic Android 开发环境搭建 - Windows系统

    电脑操作系统 - windows 10 IDE - WebStorm 2019 Node v10.15.3 npm v6.4.1 Ionic v3 Angula v5 Cordova 移动设备 - 机 ...

  5. hybird app(混合式app开发)cordova ionic 创建相应平台的app

    hybird app(混合式app开发) 之ionic 框架平台 guide cordova 创建相应平台的app 1. npm install -g cordova //全局安装cordova-cl ...

  6. 【Ionic+AngularJS 开发】之『个人日常管理』App(二)

    准备工作 资源 预装工具 安装bower 1 npm install -g bower 安装ngCordova 1 bower install ngCordova (*由于网络获取资源的原因,后面几次 ...

  7. VS2017 Cordova Ionic2 移动开发-环境搭建

    1. 文档概述 本文档用于说明Visual Studio 2017下使用 Ionic 2进行跨平台开发的运行环境配置. 2. 安装环境 Windows10 3. 安装 Visual Studio 20 ...

  8. 用ionic快速开发hybird App(已附源码,在下面+总结见解)

    用ionic快速开发hybird App(已附源码,在下面+总结见解) 1.ionic简介 ionic 是用于敏捷开发APP的解决方案.核心思路是:利用成熟的前端开发技术,来写UI和业务逻辑.也就是说 ...

  9. Cordova+Ionic之坑

    [开发环境配置] 命令:ionic platform add android 报错:Unable to start the daemon process-- 解决: 1)添加环境变量[_JAVA_OP ...

  10. Cordova webapp实战开发:(2)认识一下Cordova

    来源:http://www.zhoujingen.cn/blog/7034.html 昨天写了第一篇 <Cordova webapp实战开发:(1)为什么选择 Cordova webapp?&g ...

最新文章

  1. 第七篇:使用 CUDA 进行计算优化的两种思路
  2. “新SaaS”引爆产业奇点《2017中国SaaS用户研究报告》
  3. DL之yolov3:使用yolov3算法时需要对Ubuntu系统进行配置的简介、过程步骤之详细攻略
  4. 构建之法阅读心得(二)
  5. 线上问题随笔记录数据库连接池问题
  6. 大数据计算服务MaxCompute行业开发应用案例
  7. 【zookeeper】zookeeper 启动 源码解读
  8. Dart基础第2篇:变量、常量、命名规则、入口方法的两种定义方式
  9. python对象的相关术语
  10. matlab cramer法则,玩转线性代数(8)第一章第七节_克拉姆法则与秘密武器
  11. c语言禁忌搜索算法源代码,禁忌搜索算法CC++源代码.pdf
  12. 纳韦斯托克斯方程的推导_一个方程的故事——纳维-斯托克斯方程(Navier-Stokes Equations)...
  13. access汇总_Access数据库使用,你都知道吗?
  14. matlab虚拟示波器,虚拟示波器是什么_虚拟示波器详解
  15. 苹果V10附件参数配置
  16. 熟练的“猎手”使用新的脉冲波 DDoS 攻击来打击多个目标
  17. CentOS7环境下 人大金仓kes86数据库安装过程
  18. CorelDRAW破解版是如何一步一步坑人的
  19. 基于莱维飞行和随机游动策略的灰狼算法
  20. 无人机姿态表示方法及相互转换(欧拉角、方向余弦矩阵、四元数)

热门文章

  1. Numpy系列(四)常用数学统计函数
  2. 工具使用教程(二)【Github上传文件大于100M的文件】
  3. Linux 环境下Fortran程序连接使用Intel MKLPardiso解对称稀疏矩阵
  4. C++下用什么矩阵运算库比较好
  5. 前台传参到后台出现中文乱码问题
  6. DOM基础操作(三)
  7. 金蝶k/3 K3云之家消息查询发送是否成功SQL语句
  8. jQuery Ajax 前端和后端数据交互的问题
  9. css选择器思维导图
  10. NHibernate教程(14)--使用视图