ionic安裝

 對於ionic的安裝大多網站都有介紹，我本身也試着安裝過，但在安裝中也是出現了很多的bug，在別人的指導中把順利的安裝完成，其中也是花費了很多時間。我將安裝過程簡單的記錄下來，在下次的安裝中方便借鑑。但估計仍是會有bug的。廢話很少說了，下面就是本身又嘗試安裝過了的過程

 

一、首先安裝 node.js  由於ionic2很是喜歡追求最新版本的項目  因此推薦全部工具使用最新版本。

node.js官網下載

https://nodejs.org/en/

 

安裝完成後終端查看 版本號 node -v    npm -v

 

二、安裝ionic 終端輸入  nom install -g ionic 或者若是使用了 淘寶鏡像源可使用cnpm代替nom

若是以前安裝過ionic2 的beta版本 必需要先卸載

npm uninstall -g ionic 

以後從新安裝

查看ionic版本號

ionic -version

不要安裝beta版本 安裝最近版就行

 

以後安裝Cordova

npm install -g cordova

 

//查看版本號

cordova -version

 

 

三、安裝JDK

若是要編譯到Android平臺 須要安裝JDK  下載最新JDK

http://www.oracle.com/technetwork/java/javase/downloads/index.html

若是是windows電腦  須要配置環境變量

設置系統變量名稱

    JAVA_HOME

    值填寫安裝路徑

在path中添加

    %JAVA_HOME%\bin

 

查看版本號 

java -version

 

javac -version

 

3.五、安裝Android SDK

安裝成功後配置環境變量

名稱： ANDROID_HOME

值：   路徑

 

 

四、建立項目

首先cd到項目目錄使用start 命令建立一個新的App

ionic start MyIonic2Project tutorial --v2

這個命令將要下載項目模板 安裝npm modules 

tutorial  參數的意思是下載tutorial 模板來初始化項目若是不指定這個參數

默認會使用tabs 模板  亦或者 加一個blank參數 這樣能夠建立一個空白項目，可是—v2 必需要有 否則會創建一個v1.x版本的項目

 

五、在終端cd到項目文件夾下 運行

ionic serve

瀏覽器會打開一個地址爲http://localhost:8100的窗口

 

在過程當中用到了淘寶像鏡，下面是命令，把淘寶像鏡的命令輸進終端中

由於國內的網絡環境緣由，在下載npm包的時候常常會遇到沒法正常下載的狀況。國內淘寶推出了 npm 鏡像，這是一個完整的 npmjs.org  鏡像，同步頻率爲10分鐘一次，保證與官方服務同步。

 

npm install -g cnpm --registry=http://registry.npm.taobao.org