程序员Ionic Framework

Ionic2的环境搭建

2017-03-26  本文已影响0人  wan__wan

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。

上一篇下一篇

猜你喜欢

热点阅读