Ionic Lab——一個全新的Ionic IDE

作者：ifeixiang

本文轉自：http://cnionic.com/web/index.php?s=/news/index/detail/id/8.html

Ionic Lab 公共測試版今天發布！

Ionic Lab是我們提出Ionic Lab概念以來的第一次實驗結果，結合Ionic CLI，能給開發者一個更簡單的方法開始，編譯，運行，和模擬運行Ionic的應用程式–後面我們將把它們集成到Ionic平臺。

Ionic CLI本身已經非常受Ionic開發者的歡迎，特別是那些喜歡基於在命令行工作的。每個月，Ionic CLI安裝次數超過130000次！

但我們希望Ionic的工具可以為那些不怎麼使用命令行工具的同學創建一個很好的體驗，所以我們把CLI的功能集成到一個易於使用的UI界面，相信你會喜歡的。

Ionic Lab預覽

像Ionic命令行一樣，Ionic Lab使得我們可以超級容易地建立和運行一個Ionic項目，包括整個發展周期：新建，編譯，模擬運行，上傳，查看應用程式；在真機上運行應用程式；還有和其他用戶分享。

和往常一樣，我們在網絡平臺上投入巨資打造出Ionic Lab。

電子Ionic（electron-ionic，真心不會翻）

使用相同的技術，在Atom的文本編輯器，Electron，整個應用是由Ionic自身加上一些node模塊構成的。來吧，看一下底層，你會看到Ionic控制器、服務和狀態在管理整個應用程式。

開始使用Ionic Lab

下載蘋果的安裝程序（Winodws的同學不要急，即將到來！），並將它移到你的應用程式文件夾：

Ionic Lab安裝程序

啟動應用程式，我們可以看到歡迎畫面。接著，將現有的Ionic App拖放到Ionic Lab或重新啟動一個全新的項目。

歡迎來到Ionic Lab

在左邊的工具欄，你會看到在中間的選項，讓你serve（瀏覽器運行，ionic serve），emulate，run，build，upload，或者分享你的應用。

要查看你的Ionic app，點擊serve按鈕。這樣我們就可以看到app的實時預覽。在app上面有兩個tab，iOS和Android。可以切換不同的平臺看app在iOS或Android設備的運行效果。

還可以在隨時從應用程式的右上角的圖標訪問您的app日誌。當你需要錯誤日誌的時候，這個非常方便。

下一步

我們對Ionic Lab的發展和未來非常興奮。在不久的將來，我們的重點將是提高Ionic Lab在所有MAC OSX和Windows的運行穩定性。我們計劃允許用戶自定義Ionic app的設置（埠，實時預覽商品和監控目錄）

最終，我們將包括一一點擊系統設置（Android，Xcode，等），整合cordova插件的搜索和驗證，額外的預覽選項（調整應用程式大小，並排視圖，和方向），並且能夠自定義平臺（Android crosswalk，IOS wkwebview） 。

其他的未來計劃包括：

圖標和splash screen資源生成

發行版的編譯：關聯，美化，引用資源自動更新HTML

保存和恢復Ionic App設置

集成文檔

Ionic平臺整合推送以及部署到指定設備

整合Ionic Creator

整合實時預覽

如果覺得本文還不錯，請長按識別二維碼關注"雙狼說":