1. 程式人生 > >Ionic環境搭建使用

Ionic環境搭建使用

1.Ionic環境安裝

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

這裡選擇下載推薦大多數使用者使用的

安裝完成後開啟CMD執行node -v和npm -v命令,返回版本號表示已安裝成功。

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

PS:安裝過程中可能需要FQ,最好掛上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、