Ionic2 开发环境搭建

Posted 抱影无眠

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Ionic2 开发环境搭建相关的知识,希望对你有一定的参考价值。

安装 node.js

推荐下载地址:https://nodejs.org/zh-cn/download/

安装nrm,方便切换NPM源,推荐taobao的源

$ npm i -g nrm

$ nrm ls

npm ---- https://registry.npmjs.org/

cnpm --- http://r.cnpmjs.org/

* taobao - https://registry.npm.taobao.org/

nj ----- https://registry.nodejitsu.com/

rednpm - http://registry.mirror.cqupt.edu.cn/

npmMirror https://skimdb.npmjs.com/registry/

edunpm - http://registry.enpmjs.org/

$ nrm use taobao

安装CNPM

$ npm i -g cnpm

安装cordova ionic

$ cnpm i -g cordova ionic

查看版本信息

$ cordova -v

$ ioinic -v

?

安装android平台支持

安装JDK

推荐地址:http://www.oracle.com/technetwork/java/javase/downloads/index.html

?

安装Android SDK

推荐地址:http://www.android-studio.org/

?

设置环境变量

ANDROID_HOME=sdk安装目录

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

JAVA_HOME=jdk安装目录

Path=%Path%;%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin;%ANDROID_HOME%\tools;%ANDROID_HOME%\build-tools;%ANDROID_HOME%\platform-tools

以上是关于Ionic2 开发环境搭建的主要内容,如果未能解决你的问题,请参考以下文章

ionic2.x 手动搭建开发环境教程分享(nodejs,jdk,ant,androidsdk)

混合式app ionic2.x 手动搭建开发环境教程分享(nodejs,jdk,ant,androidsdk)

混合式app ionic2.x 手动搭建开发环境教程分享(nodejs,jdk,ant,androidsdk)

Ionic2 + cordova + angular2 打包Android APP环境搭建

Ionic2 环境搭建项目搭建项目发布打包PAK

快速开始ionic2项目