Node 安裝

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

?npm設置淘寶鏡像

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 基本環境

npm?install?-g?cordova?ionic

Quick Start

ionic?start?myApp?tabs??#初始化一個有tab的項目 cd?myApp?? ionic?platform?add?ios??#?添加ios?平臺 ionic?build?ios??#?build?ios ionic?emulate?ios??#?使用模擬器運行ios ionic?emulate?ios?--target?iPhone-5s?#?指定模擬器型號運行 ionic?run?ios?#?使用真機運行IOS

目錄結構

• hooks ? ? ? //google之后這個目錄應該是在編譯cordova時自定義的腳本命令，方便整合到我們的編譯系統和版本控制系統中

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

• scss ? ? ? ?//scss文件，發布時編譯這個目錄下的文件輸出到www的css目錄中

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

• --css

• --img

• --js

• --lib

• --index.html

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

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

• gulpfile.js ? ? //gulp構建工具的執行文件，在這個文件中創建任務實現編譯scss，css、js優化等

• ionic.project ? //Ionic的項目文件可以配置Ionic命令中livereload的監控文件

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

高級命令

查看目前項目支持的平臺 和 ionic支持的平臺

ionic?platform?list

添加項目支持平臺

ionic?platform?add?ios/android

build項目

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

模擬器運行項目

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

真機運行

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

查看項目目前的鏡像

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

參考資料

• ionic框架官網：http://ionicframework.com/docs/cli/install.html?

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

原文地址：【No.1 Ionic】基礎環境配置
標簽：ionic ??node ??npm ??cordova ??ios ??android ??hybrid ??

智能推薦

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

轉載于:https://blog.51cto.com/imguowei/1859189

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。