Mac下部署Ionic環境
阿新 • • 發佈:2017-10-07
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 layoutsidemenu
: a layout with a swipable menu on the sideblank
: a bare starter with a single pagesuper
: starter project with over 14 ready to use page designstutorial
: 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環境