Ionic2入門教程（一）安裝和環境配置

Ionic安裝及環境配置

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

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

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

咱們主要爲了使用npm工具安裝包

一、瞭解npm（Node Package Manager）

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

二、安裝node

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

三、其餘

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

一、安裝Ionic

先安裝cordova：
命令行輸入參數：

npm install -g cordova

再安裝ionic：
命令行輸入參數：

npm install -g ionic

二、新建一個新項目

命令行輸入參數：

ionic start ionicSample

能夠選擇tabs和blank等多種類型初始項目

三、編譯運行調試

cd到項目文件夾內，安裝相關模塊

npm install

命令行輸入：

ionic serve

四、問題

可能存在版本問題

• 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