Windows下的ionic2环境搭建
大体环境
1、node.js
2、ionic
3、cordova
4、java环境(jdk)
5、android环境(android sdk,android studio)
Nodejs的安装
去nodejs官网下载安装包,下载.msi安装。附:下载地址
双击下载好的msi文件安装即可。
在命令行中使用:
node -v #查看nodejs版本
npm -v # 查看npm版本
如果提示没有该命令,说明没装好。去看下环境变量是不是需要添加。
Ionic的安装
在命令行中使用:
npm install -g ionic
如果安装不成功,或者觉得很慢。可以使用npm的国内镜像。也就是淘宝镜像。设置如下:
在命令行中:
npm install cnpm -g --registry=https://registry.npm.taobao.org
这样就可以用cnpm代替npm,即这样子安装ionic:
cnpm install -g ionic
安装后,使用ionic -v查看版本
也可以直接更改npm的镜像地址,这样还是使用npm去安装ionic,方式如下:
方式1:通过config命令
npm config set registry http://registry.cnpmjs.org
npm info underscore (如果上面配置正确这个命令会有字符串response)
方式2:通过命令行
npm --registry http://registry.cnpmjs.org info underscore
方式3:编辑 npmrc 加入下面内容,在C:\Program Files\nodejs\node_modules\npm下,具体位置看自己安装的位置。
registry = http://registry.cnpmjs.org
Cordova的安装
和ionic的安装类似:
npm install -g cordova 或者cnpm install -g cordova
安装后使用cordova -v查看版本
JDK的安装
到官网下载JDK,附下载地址:jdk下载地址
下载exe文件,双击安装即可。
安装后在命令行中查看java -version和javac -version版本
如果无法查看,那就是环境变量没配置。配置下环境变量即可。
新建环境变量JAVA_HOME, 值为C:\Program Files\Java\jdk1.8.0_111,具体看安装位置。
再新建环境变量CLASSPATH ,值为.;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar;
再到PATH中添加,%JAVA_HOME%\bin
Android SDK 与 Android Studio的安装
下载带sdk版本的android studio ,附下载地址:android studio下载地址
下载后,双击安装即可。最好把选项都勾上。
之后去配置下环境变量。新建环境变量:ANDROID_HOME,值为sdk安装目录的路径,我这里是C:\Users\wanka\AppData\Local\Android\sdk。
再到PATH中添加
%ANDROID_HOME%\platform-tools
%ANDROID_HOME%\tools
好了,现在基本所有的环境搭建好了。你后续可以在android studio 中添加相应的sdk。
网友评论