ionic环境搭建

首先需要准备一下软件:

Node.js (npm安装工具) 官方地址
jdk (android编译依赖) 官方地址
android sdk (ADK编译) 官方地址

1.安装node.js

  一路next傻瓜安装(注意避免中文目录),安装后cmd执行node -v看到版本即安装成功(无需设置path)。 

2.安装JDK(androidSDK需要)

  同上,傻瓜安装。

    • 打开计算机、属性、高级系统设置、环境变量。
    • 新建系统变量。变量名:JAVA_HOME

      变量值:jdk安装目录。

    • 再一次新建系统变量,变量名:classpath

      .;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar

      注意前面有一个点 "." 。

    • 修改系统变量Path,添加变量值 ;%JAVA_HOME%\bin;
    • 验证是否配置正确,打开命令提示符、cmd,输入javac 、java -versionjavac -version,出现jdk版本信息说明配置正确。

3.安装androidSDK 

  同上。

  1. 执行android-sdk目录下的SDK Manager.exe即可打开工具包 如果遇到打不开的情况请用管理员运行!!!

  2. 配置AndroidSDK 国内无法访问google服务器 所以列表是空的需要配置镜像

        选择Tools - Options 打开设置界面

      

   3.填入mirrors.neusoft.edu.cn 端口80
    并勾选 “Force https://... sources to be fetched using http://...单击Close关闭”

  4.依次选择Packages - Reload(或者重新打开)
   这里千万注意只需要勾选3个Android SDK Platform-tools、Android SDK Build-tools、API23下的SDK Platform (编译的时候会提示你需要的api版本,目前是API23)
   如果你勾选了其它的,可能要下载2、30G的东西。像我这样选只需要下载200M

  5. 附加:项目集成Crosswalk需要勾选Extras下的Android Support Repository和Google Repository否则会报错

  6. 接受 - 安装 。

  7. 环境变量设置:

  • 我的电脑 - 右键属性 - 高级系统设置 - 环境变量;
  • 新建  变量名  ANDROID_HOME
            变量值  sdk的路径(J:\Program Files (x86)\Android\android-sdk)
  • 编辑path 追加    %ANDROID_HOME%\platform-tools
            %ANDROID_HOME%\tools
  • 执行android -h看到命令即安装设置成功

4. 安装ionic2

  切换淘宝镜像

npm install -g cnpm --registry=https://registry.npm.taobao.org
时间: 2024-10-11 05:04:01

ionic环境搭建的相关文章

Ionic 环境搭建,代理设置

一.介绍 Ionic 是一个 CSS+JS 界面框架,Ionic 使得开发者能够使用 HTML 编写出手机 App 界面,外观和原生手机 App 非常相似. Ionic CLI 使得开发者能够将 Ionic 开发的界面打包成 IOS 的 .ipa 包,或者 Android 的 .apk 包. 二.搭建 Ionic 环境 1. 首先安装 node.js 和 npm a. 如果你是在 Windows 平台下,请下载 node.js 的安装包并安装,安装包里面自带 npm.地址是:https://no

ionic环境搭建详细步骤

环境搭建步骤: 1.安装node.js  这是为了使用npm来安装ant,cordova,ionic 验证是否安装好node.js的方法是在命令提示符中输入"node -v"     若出现版本号,证明安装成功. nodejs 中文网站 http://nodejs.cn/ 下载安装就可以了   安装步骤可以参考 http://www.runoob.com/nodejs/nodejs-install-setup.html 2.下载jdk,并配置java环境(网上教程很多)      验证

ionic环境搭建和安装

1. 安装node环境 nodeJs环境的安装很简单,去官网下载最新版的NodeJs直接安装即可. Node官网: https://nodejs.org/ 安装完成后配置环境变量,计算机->属性->高级系统设置->环境变量->(选中PATH变量)->编辑->在变量值后加入node路径,与其他变量值用;隔开 配置完成后在cmd中输入 npm -v 回车.如果出现版本号说明安装成功. (未成功自行百度配置node环境) 2. 安装jdk并且配置环境变量 jdk下载地址:ht

Windows + Android + Cordova + ionic环境搭建

转自: http://dev.fjuts.com:83/blog/index.php/mobile/232.html 一.ANT安装 Apache Ant,是一个将软件编译.测试.部署等步骤联系在一起加以自动化的一个工具,大多用于Java环境中的软件开发. 下载地址:http://ant.apache.org/bindownload.cgi解压,并放在非中文的目录下.(我的目录:E:\Program Files\Java\apache-ant-1.9.4)配置环境变量:变量名:ANT_HOME

nodejs+phonegap+ionic环境搭建并创建项目

1.基础软件安装并配置环境 JDK.Android SDK.nodeJs.Ant 它们的下载地址.安装方法和环境变量配置可以自行百度或者谷歌. 2.phonegap的安装 打开cmd窗口,输入npm install -g phonegap(前提是nodeJs已安装并配置好) 3.cordova的安装 打开cmd窗口,输入npm install -g cordova 4.ionic的安装 打开cmd窗口,输入npm install -g cordova ionic 5.创建ionic项目 a.选择

201508 Mac ionic环境搭建

官网下载  node-v4.0.0.pkg 右键打开,开始安装 新建一个nodejs的工作空间,例如:/usr/local/dev_tools/nodejs/workspace cd /usr/local/dev_tools mkdir -p nodejs/workspace #安装express   #由于当前express已经是4.x版本,所以要安装express-generator sudo npm i -g express-generator #3-5秒后就安装完成了,express -

Ionic 环境搭建

国内使用NPM,最好设置国内镜像源 修改C:\users\[用户名]下的.npmrc文件: registry=https://registry.npm.taobao.org/distury=https://npm.taobao.org/distsass-binary-site=https://npm.taobao.org/mirrors/node-sass 或者使用 Cmd 命令 npm set npm set registry=https://registry.npm.taobao.org/n

ITOO-Hybird_App:环境搭建

[前言] 谣传最近IT领域异常火热,而IT中的移动端领域更是如日中天. 做为一名程序猿的我,也不甘Out:于是雄心勃勃参加一个教育平台移动端项目开发:之前有人做了第一版,现在我们需要重构. [基本情况] 1.本次开发用到相关东西: 技术选型--Hybrid_APP: 框架--Angulajs: 代码库--ionic: 设备相关API--Cordova: 代码编辑器--SublimeText;   2.为什么选用Hybrid_APP: (1)兼容性好[Android和IOS等平台都可用并且效果都挺

Cordova+ionic 开发hybird App --- 开发环境搭建

Cordova 开发hybird App 开发环境搭建 一.一些基础概念: Ant : 简单说来可以这么理解,如果你用记事本写JAVA程序,然后在cmd里输入javac命令编译它,但是有一天你发现每次手动输入太麻烦而且都是重复劳动,于是你下决心改变这种状况,然后学会了把javac命令写到一个bat文件中,以后编译只需要单击运行即可:然后随着你敲的代码越来越多,而且有了JAVA project概念,于是你手动新建了很多文件夹比如src.bin.lib,你有写了一个bat文件来减少你的重复劳动:再后