Windows下的ionic2環(huán)境搭建
大體環(huán)境
1、node.js
2、ionic
3错忱、cordova
4、java環(huán)境(jdk)
5挂据、android環(huán)境(android sdk,android studio)
Nodejs的安裝
去nodejs官網(wǎng)下載安裝包,下載.msi安裝以清。附:下載地址
雙擊下載好的msi文件安裝即可。
在命令行中使用:
node -v ? #查看nodejs版本
npm -v ?# 查看npm版本
如果提示沒有該命令棱貌,說明沒裝好玖媚。去看下環(huán)境變量是不是需要添加。
Ionic的安裝
在命令行中使用:
npm install -g ionic
如果安裝不成功婚脱,或者覺得很慢今魔。可以使用npm的國內(nèi)鏡像障贸。也就是淘寶鏡像错森。設(shè)置如下:
在命令行中:
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 加入下面內(nèi)容涩维,在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的安裝
到官網(wǎng)下載JDK瓦阐,附下載地址:jdk下載地址
下載exe文件,雙擊安裝即可篷牌。
安裝后在命令行中查看java -version和javac -version版本
如果無法查看睡蟋,那就是環(huán)境變量沒配置。配置下環(huán)境變量即可枷颊。
新建環(huán)境變量JAVA_HOME戳杀, 值為C:\Program Files\Java\jdk1.8.0_111,具體看安裝位置夭苗。
再新建環(huán)境變量CLASSPATH 信卡,值為.;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar;
再到PATH中添加,%JAVA_HOME%\bin
Android SDK 與 Android Studio的安裝
下載帶sdk版本的android studio 题造,附下載地址:android studio下載地址
下載后傍菇,雙擊安裝即可。最好把選項都勾上界赔。
之后去配置下環(huán)境變量丢习。新建環(huán)境變量:ANDROID_HOME须妻,值為sdk安裝目錄的路徑,我這里是C:\Users\wanka\AppData\Local\Android\sdk。
再到PATH中添加
%ANDROID_HOME%\platform-tools
%ANDROID_HOME%\tools
好了泛领,現(xiàn)在基本所有的環(huán)境搭建好了。你后續(xù)可以在android studio 中添加相應(yīng)的sdk敛惊。