cike0415 发表于 2017-2-24 12:50:09

第三章:ionic环境搭建之windows篇

  下面是在windows操作系统上面安装ionic的步骤,已经在Windows 10/ 7/ XP下面通过验证。


[*]
安装JDK



1.1 下载(http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html)并安装
1.2 配置:高级->环境变量
JAVAHOME: C:\Program Files\Java\jdk1.7.0_25
Path: C:\Program Files\Java\jdk1.7.0_25\bin
CLASSPATH: .
1.3 运行:cmd->javac or java –version正常显示内容说明安装成功


[*]
安装Android SDK



1.1 安装(下载地址http://tools.android-studio.org/index.php/sdk)
1.2 打开Android SDK Manager,安装最新的SDK
1.3 配置环境变量
Path:
C:\Program Files\Android\android-sdk\tools
C:\Program Files\Android\android-sdk\platform-tools
1.4 运行:adb, 正常显示内容说明安装成功


[*]
安装Python 2.7



下载(https://www.python.org/downloads/release/python-2711/)并安装


[*]
安装NodeJS



下载(https://nodejs.org/en/)并安装


[*]
安装Cordova和Ionic



npm install -g cordova ionic

  如果因为网络原因,安装失败。可以尝试使用taobao镜像(http://npm.taobao.org)

npm config set registry " https://registry.npm.taobao.org "
npm install -g cnpm --registry=https://registry.npm.taobao.org
cnpm install -g cordova
cnpm install -g ionic
注意:需要修改环境变量,

C:\Documents and Settings\user\Application Data\npm
改为
C:\Documents and Settings\user\Application Data\npm\bin


[*]
创建应用



ionic start myapp tabs


[*]
启动应用



ionic serve


[*]
添加平台



ionic platform add android
ionic platform add ios

[*]
查看已经安装的plugin



ionic plugin ls


[*]
安装plugin
[*]
推荐的模拟环境:Ionic Lab
  参考资料:


[*]ionic安装
[*]官网的安装教程
页: [1]
查看完整版本: 第三章:ionic环境搭建之windows篇