Node 安裝

git?clone?https://github.com/nodejs/node cd?node ./configure make sudo?make?install node?-v npm?-v

?npm設(shè)置淘寶鏡像

npm?config?set?registry?https://registry.npm.taobao.org npm?config?set?disturl?https://npm.taobao.org/dist

IOS?Simulator

sudo?npm?install?-g?ios-sim sudo?npm?install?-g?ios-deploy

Ionic 基本環(huán)境

npm?install?-g?cordova?ionic

Quick Start

ionic?start?myApp?tabs??#初始化一個(gè)有tab的項(xiàng)目 cd?myApp?? ionic?platform?add?ios??#?添加ios?平臺(tái) ionic?build?ios??#?build?ios ionic?emulate?ios??#?使用模擬器運(yùn)行ios ionic?emulate?ios?--target?iPhone-5s?#?指定模擬器型號(hào)運(yùn)行 ionic?run?ios?#?使用真機(jī)運(yùn)行IOS

目錄結(jié)構(gòu)

• hooks ? ? ? //google之后這個(gè)目錄應(yīng)該是在編譯cordova時(shí)自定義的腳本命令，方便整合到我們的編譯系統(tǒng)和版本控制系統(tǒng)中

• plugins ? ?//cordova插件的目錄，插件的安裝下一節(jié)詳述

• scss ? ? ? ?//scss文件，發(fā)布時(shí)編譯這個(gè)目錄下的文件輸出到www的css目錄中

• www ? ? ? //我們的開發(fā)目錄，頁面、樣式、腳本和圖片都放在這個(gè)目錄下

• --css

• --img

• --js

• --lib

• --index.html

• bower.json ? ? ?//bower配置文件

• config.xml ? ? ?//Ionic的配置文件 ,C可以配置app的id，名稱、描述起始頁和一起其他配置

• gulpfile.js ? ? //gulp構(gòu)建工具的執(zhí)行文件，在這個(gè)文件中創(chuàng)建任務(wù)實(shí)現(xiàn)編譯scss，css、js優(yōu)化等

• ionic.project ? //Ionic的項(xiàng)目文件可以配置Ionic命令中l(wèi)ivereload的監(jiān)控文件

• package.json ? ?//npm配置文件

高級命令

查看目前項(xiàng)目支持的平臺(tái) 和 ionic支持的平臺(tái)

ionic?platform?list

添加項(xiàng)目支持平臺(tái)

ionic?platform?add?ios/android

build項(xiàng)目

ionic?build?ios/android ionic?build?android?-release??#發(fā)布正式版等待簽名

模擬器運(yùn)行項(xiàng)目

ionic??emulate??ios/android ionic??emulate??ios/android?--target?iPhone-5s

真機(jī)運(yùn)行

ionic?run?ios?--device ionic?run?android

查看項(xiàng)目目前的鏡像

$(APP)/platforms/ios/cordova/lib/list-emulator-image

參考資料

• ionic框架官網(wǎng)：http://ionicframework.com/docs/cli/install.html?

• ?ionic lab 可視化開發(fā)工具:?http://lab.ionic.io/?
  

原文地址：【No.1 Ionic】基礎(chǔ)環(huán)境配置
標(biāo)簽：ionic ??node ??npm ??cordova ??ios ??android ??hybrid ??

智能推薦

• 打造私有的DNS 服務(wù)
• Nginx return 關(guān)鍵字配置小技巧
• 【運(yùn)維工具】logrotate 日志管理神器
• 【No.3 Ionic】超級逗表情 App
• 【No.2 Ionic】Android打包

轉(zhuǎn)載于:https://blog.51cto.com/imguowei/1859189

總結(jié)

以上是生活随笔為你收集整理的【No.1 Ionic】基础环境配置的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。