Ionic 2 開發（一）_安裝與目錄結構

因爲公司開始使用後ionic 進行前段開發，如今須要學習下ionic，雖然是後臺開發，可是仍是有必要了解下的

安裝Node.js

• 官網：http://nodejs.cn/
• 自行下載安裝

安裝Ionic

npm install -g cordova

npm install -g ionic

設置淘寶鏡像

npm config set registry https://registry.npm.taobao.org
npm info underscore （若是上面配置正確這個命令會有字符串response）

新建項目

• 能夠切換到你的工做目錄

ionic start demo

編譯運行調試

cd demo
npm install
ionic serve

項目結構

1.src/index.html

index.html 是 Ionic應用的主入口文件，其目的是設置腳本和CSS引導，而後開始運行咱們的應用程序。這是咱們項目的加載入口

2.src/app

入口文件夾 /app.component.ts
應用入口文件，每一個應用程序都有一個根組件，用於控制應用程序的其他部分。將HomePage頁面賦值給rootpage變量，在app.html中使用這個變量。

3.src/pages

放置咱們生成的頁面

4.src/assets

存放icon、img等資源

5.src/resources

包含你的app圖標和啓動畫面，分安卓和ios

6.src/theme/variables.scss

覆蓋默認樣式的位置