Ionic3環境搭建及創建


  初次嘗試Ionic,邊學習邊記錄下來,以免以后忘記了,入坑向( ̄ω ̄;)

1.Ionic環境安裝

Ionic開發是依賴於Nodejs環境的,所以在開發之前我們需要安裝好Nodejs。下載安裝:http://nodejs.org/ 

這里選擇下載推薦大多數用戶使用的

安裝完成后打開CMD執行node -vnpm -v命令,返回版本號表示已安裝成功。

然后執行npm install -g cordova ionic命令安裝cordova和ionic

PS:安裝過程中可能需要翻牆,最好掛上VPN安裝。

安裝完執行ionic -v,返回版本號表示已安裝成功。

 

2.Ionic項目創建

Ionic安裝完成后,我們就可以開始創建我們的Ionic項目啦!

Ionic官網提供了三個項目模板blank(空模板)、tabs(帶選項卡的模板)和sideMenu(帶側邊欄的模板),這里我推薦使用tabs創建我們的第一個Ionic項目。

1、首先進入到需要創建項目的目錄,然后執行下面的命令創建項目(IonicDemo是項目名,tabs是模板)

ionic start IonicDemo tabs

2、這里詢問是否使用Ionic 4,我這里選否使用Ionic 3,然后等待下載

3、下載完后,詢問是否將此項目添加到Ionic Appflow(大概類似於一個源代碼管理可以連接到GItHub,不過需要注冊Ionic賬號),我這里選否

 

 這樣你的第一個Ionic項目就創建成功了。

3、運行Ionic項目

進入到你創建的Ionic項目目錄,然后執行ionic serve就可以在瀏覽器運行啟動你的項目了!

 

界面如圖:

至此Ionic的環境搭建及創建就完成了。

接下來就是項目的使用和打包了

打包的話,如果你沒有搭建Android環境請移步下一篇:Android環境搭建及Ionic打包(win7)

ionic3使用教程(我也在學習 ̄ω ̄=):https://www.jianshu.com/p/1baf40713c1c

文章參考出處:https://blog.csdn.net/i348018533/article/details/47258449

 


免責聲明!

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



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