原文鏈接：http://www.ncloud.hk/%E6%8A%80%E6%9C%AF%E5%88%86%E4%BA%AB/ionic%E5%AD%A6%E4%B9%A0%E4%B9%8B%E5%BB%BA%E7%AB%8B%E4%B8%80%E4%B8%AAionic%E9%A1%B9%E7%9B%AE/
1.安裝ionic：$npm install -g cordova ionic
2.更改命令所在位置到你容易找到的目錄：cd directoryName
例如：cd practice
3.終端輸入命令新建一個工程：$ ionic start myApp blank(生成名字為myApp的空項目)
或$ ionic start myApptabs(生成名字為myApp的帶有選項卡的項目)
或$ ionic start myApp sidemenu(生成名字為myApp的帶有側(cè)邊菜單的項目)
這里根據(jù)自己的項目需要，選擇任意一個命令即可快速建立一個ionic framework項目。
4.在webstrom上的terminal終端中執(zhí)行：
$ionic platform add iOS
$ionic platform add android
5.運行項目：如果想在電腦瀏覽器上看效果，可以執(zhí)行：ionic serve
如果電腦已經(jīng)安裝了iOS或androidmo'ni模擬器可以執(zhí)行以下命令看手機上的效果：
在iOS上建立并測試該項目：
$ionic build iOS
$ionic emulate iOS即可在電腦上模擬iOS手機運行這個app,
這兩個命令也可以用ionic run iOS代替，效果一樣。
在android上建立并測試該項目：
$ionic build android
$ionic emulate android
或者同樣用一句ionic run android代替上面兩行命令。
執(zhí)行以上命令后就可以在瀏覽器或模擬器上看到app的效果了~
6.ionic框架會自動生成以下文件：
可以看到下邊包含了很多文件：
ionic項目自動生成的文件：
hooks:自定義的cordova的腳本命令來執(zhí)行一些特別指令
platfroms:包含添加的ios和android平臺
plugins：項目所用到的插件
scss：scss代碼，發(fā)布時會輸出到你的www/css/
www：最主要的文件，是我們所建立的應用，包括css，p_w_picpath，js，lib,templates,index.html
bower.json：bower配置文件
config.xml：Ionic的配置文件，可以配置app的id，名稱、描述起始頁等
gulpfile.js：gulp構建工具的執(zhí)行文件
ionic.project：Ionic的項目文件
package.json ：npm配置文件
其余為webstrom中自己生成的文件：
bowerrrc：bower配置文件
gitignore：git配置文件
editorconfig：統(tǒng)一代碼的工具
另外有需要云服務器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應用場景需求。
重慶分公司
重慶分公司
