Ionic2 開發環境搭建


Ionic2開發環境要求:

Nodejs

V4.5.0

Nodejs自帶

Npm

V2.15.9

同上

Ionic

V2.1.0

安裝最新ionic即可

Angular2

V2正式版

同上

說明:以上版本號請務必對應,AngularJs每次更新都是斷崖式更新,導致inoic寫法多變。

開發工具:

VS CODE :V1.6.1(老版本對ts支持不是很好)

ionic安裝步驟:

1. 安裝上述版本的Node;

2. 切換源:
npm set registry https://registry.npm.taobao.org # 注冊模塊鏡像
npm set disturl https://npm.taobao.org/dist # node-gyp 編譯依賴的 node 源碼鏡像
npm cache clean # 清空緩存
如果你的網絡訪問米國非常好可以跳過;

3. 安裝ionic,打開命令行輸入:
npm install -g ionic
npm install -g cordova

4. 然后新建項目,找到一個空地,在這個目錄下執行:
ionic start cutePuppyPics --v2
這是個示例項目,安裝要等很久;

5. 運行該項目,進入到cutePuppyPics目錄,執行:

ionic serve
會啟動一個server,默認會打開瀏覽器訪問8100端口,谷歌瀏覽器下效果最好。

clip_image002 clip_image004 clip_image006

可以隨意點點,如果Tab都能點,說明環境沒問題。

Ionic目錄說明:

clip_image007

App:系統初始化

Model:自定義的實體類

Pages:系統頁面

Providers:自定義服務


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM