Ionic安裝及環境配置

前提：安裝Node.js，獲取npm工具

中文官網
http://nodejs.cn/
英文官網
https://nodejs.org/en/

Node.js 是一個基於 Chrome V8 引擎的 JavaScript 執行環境。 Node.js 使用了一個事件驅動、非阻塞式
I/O 的模型，使其輕量又高效。 Node.js 的包管理器 npm，是全球最大的開源庫生態系統。

我們主要為了使用npm工具安裝包

1、瞭解npm（Node Package Manager）

npm是一個NodeJS包管理和分發工具，已經成為了非官方的釋出Node模組（包）的標準。

2、安裝node

進入nodejs官網（https://nodejs.org/），單擊INSTALL下載node安裝包，預設安裝。安裝完成後，進入對應目錄，會發現nodejs資料夾下面有npm,直接用npm安裝相環境既可。

3、其他

（推薦使用VSCode作為編輯器，首先需要對Angular2有一定了解，因為Ionic是基於Angular2進行開發的。Angular2使用TypeScript語言開發。所以這基本上是一套體系的，需要連續反覆學習。）

1、安裝Ionic

先安裝cordova：
命令列輸入引數：

npm install -g cordova

再安裝ionic：
命令列輸入引數：

npm install -g ionic

2、新建一個新專案

命令列輸入引數：

ionic start ionicSample

可以選擇tabs和blank等多種型別初始專案

3、編譯執行除錯

cd到專案資料夾內，安裝相關模組

npm install

命令列輸入：

ionic serve

4、問題

可能存在版本問題

• ionic start 一個新專案，將舊專案裡面src拷貝過去覆蓋，出現==webpackJsonp is not defined==，修改index.html，新增下行程式碼

  <script src="build/vendor.js"></script>

• 缺少node-sass

npm install node-sass

• ionic serve後出現需要安裝cli
• 解決方案：
  https://forum.ionicframework….
• [x] allways選擇yes