ionic 2開發環境安裝及測試

一、安裝
1.node.js (http://nodejs.org)
安裝完後請node -v查看版本
2.安裝git (https://git-scm.com/downloads)
3.npm install -g cordova ionic
安裝完後請 cordova -v 及 ionic -v 查看版本
註 : 因我機器尚有安裝Visual Studio 2017，在查看cordova及ionic版本時竟失效，
發現是因與Visual Studio 的node.js衝突，
後來將Visual Studio的以下4個檔案複製至C:\Program Files\nodejs
(環境變數Path有設定此路徑)
(圖一) Visual Studio 安裝的路徑參考

(圖二) nodejs 安裝的路徑參考

二、建專案 (使用套件)
1.查看Template
ionic start –list

2.以Template建專案

ionic start projName super --ts
ionic start projName blank --ts
ionic start projName tabs --ts
ionic start projName base --ts
ionic start projName sidemenu --ts

3.執行專案
cd tempName
PS.projName請自行取專案名稱

ionic serve

4.ionic serve遇到的狀況及後續處理
1) Cannot find module ‘@angular/tsc-wrapped/src/tsc’
於專案路徑執行以下指令以加入TypeScript compiler 工具

npm install --save-dev @angular/tsc-wrapped

2) Runtime Error : Cannot find module “tslib"
處理方式 :

npm install tslib

3) Runtime Error : Cannot find module “localforage"
處理方式 :

npm install localforage

4) Runtime Error : Cannot find module “localforage-cordovasqlitedriver"
處理方式 :

npm install localforage-cordovasqlitedriver