1. 程式人生 > >Mac下部署Ionic環境

Mac下部署Ionic環境

sta gui .org str npm all taobao get 類型

1、下載安裝nodejs,可以到官網nodejs.org/en/download/上去下載最新版本安裝,比較無腦。如果官網打不開的話可以到中文網站去下載http://nodejs.cn/download/。安裝完成之後打開終端(控制臺)輸入node -v查看node版本npm -v查看npm版本。

2、安裝ionic和cordova(打包成app工具) npm install -g ionic cordova。可以輸入ionic info查看安裝情況。

3、創建ionic應用,進入桌面 cd./Desktop 輸入ionic start cutePuppyPics,start 後面是文件夾名,應該也是應用名。然後會彈出選擇界面基本應用類型

  • tabs : a simple 3 tab layout
  • sidemenu: a layout with a swipable menu on the side
  • blank: a bare starter with a single page
  • super: starter project with over 14 ready to use page designs
  • tutorial: a guided starter project

可以幾種類型都試著看一下,這時會安裝非常長的時間,或者會報錯。主要就是在下載node_modules裏面的組件,非常多,建議在創建項目的時候在後面加上--skip-npm 跳過下載包文件。

然後安裝cnpm通過淘寶鏡像下載組件,輸入npm install -g cnpm --registry=https://registry.npm.taobao.org 安裝cnpm。

然後進入應用目錄,cd cutePuppyPics,輸入cnpm install --save,完成組件安裝。

在應用目錄輸入ionic serve,在瀏覽器中打開應用查看。

Mac下部署Ionic環境