`

Windows下Ionic Android开发环境搭建

阅读更多

因为那堵qiang,安装ionic和cordova遇到不少问题,把问题记录下来,可能会对其他人有帮助

 

1, 安装nodejs

  主要是npm的问题,国外的npm源速度慢,而且容易失败。

  1.1 显示安装的过程

      npm config set loglevel=http

 

  1.2 使用代理(可选)

      npm config set proxy=http://x.x.x.x:8080

 

  1.3 使用淘宝的npm源安装nvm,nvm可以选择不同的npm源,很有用

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

 

 

2,安装cordova(和ionic分开安装)

  npm install -g cordova

 

3, 安装ionic

  npm install -g cordova

  这一步大家一定要注意,国内的源不够是taobao还是cnpm,都不能成功,这一步浪费了我很多时间,必须fan qiang用官方的npm才能成功,也许以后这个问题可以解决

 

4,使用ionic创建android项目,大家注意,win上只能创建android项目,ios必须在mac上才有用

  4.1,android sdk,目前API 22有问题,使用ionic会失败,换成API 20成功

 

  4.2, 配置一个国内的sdk源,国外的速度慢,而且会失败

 

  4.3, Tools里面的platform-tools和sdk build-tools需要下载

 

  4.4, API里面的都下下来吧,除了sdk,后面还有用到intel的image

 

  4.5, 环境变量,下面2个目录加到path里面,这样ionic才能调用andorid的执行文件

    {sdk 目录}\tools;

    {sdk 目录}\platform-tools;

 

  4.6,如果大家下载了android studio,大家要注意as安装的时候,会在环境变量中设置sdk的目录,在bundle的子目录中,可能跟你实际的sdk目录不一致,需要手动修改

 

5, Git

  5.1,如果大家的Git需要代理的话

    git config --global http.proxy http://x.x.x.x:8080

 

  5.2,如果大家的网络环境不允许git使用ssh,可以强制使用https,后面是unset命令

    git config --global url."https://".insteadOf git://

    git config --global --unset url."https://".insteadOf git://

 

  6, bower代理,在ionic创建出来的app目录,编辑.bowerrc

    .bowerrc

    {

    "directory" : "public/components",

    "interactive": false,

    "proxy": "http://x.x.x.x:8080",

    "https-proxy": "http://x.x.x.x:8080"

    }

 

以上是我在安装过程中遇到的各种问题,希望对大家有帮助

 

分享到:
评论

相关推荐

    ionic+cordova学习之环境搭建

    Ionic+Cordova 环境搭建知识点大全 Ionic+Cordova 环境搭建是移动应用开发的必经之路,对于初学者来说,环境搭建的过程往往是一个痛苦的过程。本文将详细介绍 Ionic+Cordova 环境搭建的过程,包括 JDK 环境配置、...

    ionic调试环境安装(windows系统)

    ### ionic调试环境安装(Windows系统) #### 一、前言 Ionic是一个强大的开源框架,用于构建跨平台的移动应用程序。...通过上述步骤,可以在Windows系统上成功搭建Ionic调试环境,进而方便地开发和调试Ionic应用。

    ionicframework开发入门

    Ionic框架开发入门的重点是搭建和配置开发环境,理解Ionic框架的基础知识,以及学会如何使用Ionic框架快速搭建一个基本的移动应用。通过学习如何添加平台、构建项目、预览和部署应用,开发者可以建立起对Ionic框架...

    ionic手机APP开发从入门到精通,环境搭建到创建自己的APP

    #### 三、开发环境搭建 ##### 1. 基础软件安装 - **Node.js:** 访问[官方网站](https://nodejs.org/en/download/)下载适合您操作系统的版本,并完成安装。 - **Visual Studio Code:** 访问[官方网站]...

    ionic 入门

    ### ionic入门知识点详解 ...以上就是针对初级 Ionic 开发者的基本知识点介绍,从搭建开发环境到实际开发过程中的注意事项,以及 Android 平台上的具体操作流程,希望能帮助大家快速上手 Ionic 开发。

    ionic学习示例

    这个"ionic学习示例"旨在帮助你理解如何在本地环境中搭建和使用Ionic,以及如何在项目中集成Chart图表,实现数据可视化。 首先,让我们了解 Ionic 的核心概念。Ionic 是一个开源的HTML5移动应用框架,主要用HTML、...

    Cordova_Ionic_AngularJs环境安装及Eclipse开发HybridApp的配置

    2. **Ant**:Apache Ant是Java的构建工具,对于Android开发是必需的,安装后需配置环境变量。 3. **Python**:部分Cordova插件需要Python环境,同样需配置环境变量。 4. **Git**:版本控制系统,用于获取和更新项目...

    Android平台的移动APP开发方法与应用研究.pdf

    Android Studio提供了一种更为便捷的开发体验,其开发环境搭建流程清晰明了。 Android应用程序的特点包括每个应用拥有独立的Linux进程,运行在Dalvik虚拟机中,通过Linux权限设置控制访问权限,以及在某些情况下...

    ionic初学者填坑.docx

    #### 二、准备工作与环境搭建 **1. Node.js 和 npm 安装** - **Node.js**: 是一个基于Chrome V8引擎的JavaScript运行环境,允许开发者使用JavaScript编写服务端程序。 - **npm (Node Package Manager)**: 是随同...

    最全的ionic+cordova+angularjs安装指南

    在Windows下安装Node.js,需要下载对应系统的.msi或.exe安装包,并进行安装。安装过程中,用户需要选择正确的系统位数(32位或64位)并确认安装路径。安装完成后,Node.js的环境变量会被自动设置好,这样用户就可以...

    Android开发实战中常用安卓开发框架.docx

    在Android开发实战中,开发者经常会使用各种框架来提高开发效率,优化应用性能,以及提供更好的用户体验。以下是一些常用的Android开发框架,它们在互联网应用程序的开发中占据着重要的地位。 1. **Xamarin**:...

    一个ionic2样板项目

    Ionic 2是一个基于Angular 2框架的开源移动应用开发平台,它允许开发者使用Web技术(如HTML、CSS和JavaScript)构建原生的iOS、Android和Windows Phone应用。本项目提供的"一个ionic2样板项目"是一个预配置的启动...

    ionic环境配置及问题详解

    Ionic是一个开源的前端框架,它用于开发跨平台的移动应用,比如iOS、Android和Windows。而环境配置是指将开发所需的...通过这些详细的步骤和建议,开发者可以成功搭建起ionic开发环境,并顺利开始移动应用的开发工作。

    Ionic快速安装教程

    - iOS:同样进入项目目录,但需在Mac OS X和Xcode环境下,依次执行`ionic platform add ios`、`ionic build ios`和`ionic emulate ios`,添加iOS平台、构建应用并模拟运行。 通过这两种方法,你可以轻松地在本地...

    IonicLabSetup

    【IonicLabSetup】是关于安装和配置Ionic框架开发环境的专题。Ionic是一个开源的移动应用框架,它基于AngularJS和Apache Cordova,用于构建高性能的混合移动应用。这个压缩包可能包含了所有必要的组件和步骤,以帮助...

    APP框架学习

    ### APP框架学习——Cordova与Ionic3应用搭建详解 #### 一、概述 随着移动互联网技术的迅速发展,跨平台应用程序的需求日益增加。Cordova 和 Ionic3 作为两个流行的跨平台开发工具,提供了构建高性能、多平台兼容...

    一些流行的原生和第三方平台的App开发教程和源代码项目资源

    - **Visual Studio Code (适用于多种开发环境)** 选择合适的开发工具对于提高开发效率至关重要。以上提到的工具都是各自领域内的领先产品,它们不仅提供了强大的编辑和调试功能,还支持自动完成、代码高亮等特性,...

    Learn_Ionic_Angular:构建本机应用

    1. **环境搭建**:安装Node.js、Angular CLI、Ionic CLI,创建一个新的Ionic项目,并指定Angular版本。 2. **构建界面**:使用Ionic的UI组件和Angular的模板语法设计应用界面,结合CSS进行样式定制。 3. **业务逻辑*...

    ionic-firebase-seed:又一个离子种子

    通过使用 Web 技术如 HTML、CSS 和 JavaScript,开发者可以构建具有原生外观和感觉的应用程序,并能运行在 iOS、Android 和 Windows Phone 等平台上。 在 "ionic-firebase-seed" 中,"npm install" 是初始步骤,这...

    phonegap桌面开发工具

    1. 缺少某些功能:例如,PhoneGap桌面开发工具可能没有打包应用的功能,这时开发者可以通过PhoneGap官方提供的在线打包平台(***)进行打包,或者在本地搭建完整的开发环境来完成此工作。 2. 功能单一:目前PhoneGap...

Global site tag (gtag.js) - Google Analytics