Ionic3入門


Ionic是一個美觀、免費、開源的移動SDK,可以輕松的開發(fā)原生和漸進的Web應用程序。

原文鏈接
Ionic特點

  • 基于Angular語法
  • 輕量級框架
  • 界面美觀,組件豐富
  • 跨平臺支持
  • 注重原生,速度快
  • 強大的命令行工具

Ionic已經(jīng)更新到3了,這里先初步介紹一下用ionic搭建項目
環(huán)境要求:Node

安裝

全局安裝cordova和ionic工具(cordova提供了一組設備相關的API,通過這組API,移動應用能夠以JavaScript訪問原生的設備功能)

npm install -g cordova ionic

創(chuàng)建項目

運行命令

ionic start myapp 

出現(xiàn)如圖的七種項目模版可以選擇

  • tabs:創(chuàng)建一個選項卡項目
  • blank:創(chuàng)建一個空白項目
  • sidemenu:創(chuàng)建一個側邊菜單項目
  • super: 創(chuàng)建一個預制的完整項目,提供ionic開發(fā)最佳實踐
  • conference:創(chuàng)建一個展示真是應用的項目
  • tutorial:創(chuàng)建一個基于ionic文檔的教程項目
  • aws: 創(chuàng)建一個移動集成器啟動項目

創(chuàng)建項目會下載相應的依賴包,完成后進入對應項目目錄下

cd myapp

啟動項目

ionic serve    

在瀏覽器中可以看到應用界面,建議使用chrome移動模式查看

接下來就可以開發(fā)自己的應用啦

最后附上Ionic文檔

下一篇:Ionic項目實戰(zhàn)

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 178,893評論 25 709
  • Spring Cloud為開發(fā)人員提供了快速構建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 136,534評論 19 139
  • 這是我寫的一系列文章中的第一篇關于如何利用Web開發(fā)技術為iOS和Android系統(tǒng)構建混合應用程序(Hybrid...
    bubuli閱讀 2,831評論 3 29
  • “四川最好的高中有哪些?省一、二級示范校(就是通常所說的‘國重’、‘省重’哈)無疑是最典型的代表。”8月23日,四...
    錦觀閱讀 1,215評論 1 1
  • 風揚起的發(fā) 帶著淡淡桃花香 行人在你眼中放慢了腳步 What remains of our chalk road ...
    未老農(nóng)閱讀 191評論 0 0

友情鏈接更多精彩內容