1.Chocolatey

Chocolatey是一個Windows上的包管理器，類似于linux上的yum和apt-get。 你可以在其官方網站上查看具體的使用說明。一般的安裝步驟應該是下面這樣：

@powershell -NoProfile -ExecutionPolicy Bypass -Command "iex ((new-object net.webclient).DownloadString('https://chocolatey.org/install.ps1'))" && SET PATH=%PATH%;%ALLUSERSPROFILE%\chocolatey\bin

一般來說，使用Chocolatey來安裝軟件的時候，需要以管理員的身份來運行命令提示符窗口。譯注：chocolatey的網站可能在國內訪問困難，導致上述安裝命令無法正常完成。請使用穩定的翻墻工具。 如果你實在裝不上這個工具，也不要緊。nodejs你可以去對應的官方網站下載安裝即可。

 

2.NodeJs

 

打開命令提示符窗口，使用Chocolatey來安裝NodeJS。

choco install nodejs.install

安裝完node后建議設置npm鏡像以加速后面的過程（或使用科學上網工具）。注意：不要使用cnpm！cnpm安裝的模塊路徑比較奇怪，packager不能正常識別！

npm config set registry https://registry.npm.taobao.org --global

npm config set disturl https://npm.taobao.org/dist --global

環境配置 說明：這里的環境配置主要配置的是npm安裝的全局模塊所在的路徑，以及緩存cache的路徑，之所以要配置，是因為以后在執行類似：npm install express [-g] （后面的可選參數-g，g代表global全局安裝的意思）的安裝語句時，會將安裝的模塊安裝到C:\Program Files\nodejs路徑中，占C盤空間。

例如：我希望將全模塊所在路徑和緩存路徑放在我node.js安裝的文件夾中，則在我安裝的文件夾F:\androidFile\nodejs下創建兩個文件夾nodeglobal及nodecache如下圖：

 

創建完兩個空文件夾之后，打開cmd命令窗口，輸入

npm config set prefix "F:\androidFile\nodejs\node_global"

npm config set cache "F:\androidFile\nodejs\node_cache"

 

我的電腦中環境變量配置，打開環境變量對話框，

在系統變量下新建NODE_PATH，輸入F:\androidFile\nodejs\node_global\node_modules

在用戶變量下的Path修改為F:\androidFile\nodejs\node_global

安裝插件環境1---->  npm install -g node-gyp

安裝插件環境2----> npm install --global --production windows-build-tools

安裝插件環境3---->   npm install node-sass

到此完成

 

3.ionic

// 安裝（失敗的話 Mac 嘗試使用 sudo，Windows 嘗試管理員身份運行cmd）

$ npm install -g cordova ionic // 安裝后可以驗證一下 ionic cli 版本$ ionic -version 3.5.0

 最新版可能會出現一些未知問題，或者先卸載已有版本 npm uninstall -g ionic   然后裝3.9.1版本npm install -g ionic [email protected]

// 創建應用

// cd 到要創建項目的目錄，輸入以下內容創建ionic項目

// todo 是項目名，tabs是模板（默認是tabs，其他還有blank的單頁等）

ionic start todo blank blank

此時的目錄如下圈中的文件

// 安裝依賴 

// 會生成一個 node_modules 文件夾，并在里面安裝package.json 上寫下的文件,這個過程會比較久或者很久，這一步完成就能跑起來了

 cd todo/
 npm install

拉取遠程文件完成后的目錄文件為圈中

// 在瀏覽器中運行項目

 ionic serve

完成后的目錄文件為所有文件

// 添加到平臺android并推送代碼

 ionic cordova platform add android

//這里會出現Error: read ECONNRESET
    at TLSWrap.onStreamRead (internal/stream_base_commons.js:111:27)


PS E:\yangtao\ionic\todo> ionic cordova platform add android
> ionic integrations enable cordova
[INFO] Downloading integration cordova
Error: read ECONNRESET

    at TLSWrap.onStreamRead (internal/stream_base_commons.js:111:27)
//可去掉cordova嘗試一下然后再使用ionic cordova platform add android構建android項目
PS E:\yangtao\ionic\todo> ionic platform add android
The platform command has been renamed. To find out more, run:

     ionic cordova platform --help

PS E:\yangtao\ionic\todo> ionic cordova platform add android
> ionic integrations enable cordova
[INFO] Downloading integration cordova
? The config.xml file exists in project. Overwrite? Yes
? The resources/ directory exists in project. Overwrite? Yes
[INFO] Copying integrations files to project
CREATE config.xml
CREATE resources
CREATE resources\android
CREATE resources\icon.png
CREATE resources\ios
CREATE resources\README.md
CREATE resources\splash.png
CREATE resources\android\icon
CREATE resources\android\splash
CREATE resources\ios\icon
CREATE resources\ios\splash
CREATE resources\android\icon\drawable-hdpi-icon.png
CREATE resources\android\icon\drawable-ldpi-icon.png
CREATE resources\android\icon\drawable-mdpi-icon.png


 ionic cordova build android

 ionic cordova run android