Ionic快速安裝教程
今天就讓我們學習一下如何安裝 Ionic 在自己的電腦上搭建一個簡單的小應用。很多的網(wǎng)站上面都會寫很復雜的安裝方法，其實剛開始學習ionic的初學者，特別是沒有很多編程經(jīng)驗的小伙伴是不是會嚇跑了？感覺那么復雜需要安裝什么node.js的環(huán)境啊、, 安裝最新版本的cordova啊… … 其實不需要那么麻煩的。告訴大家我在做項目的時候怎么使用ionic的吧。
第一種方法：直接引入使用
第一步 、首先下載Ionic
ionic 最新版本下載地址：http://ionicframework.com/docs/overview/#download。
下載后解壓壓縮包，包含以下目錄：
css/ => 樣式文件
fonts/ => 字體文件
js/ => Javascript文件
version.json => 版本更新說明
你也可以在 Github 上下載以下資源文件：https://github.com/driftyco/ionic（在release 目錄中）。
第二步 、引入文件
接下來，我們只需要在項目中引入以上目錄中的 css/ionic.min.css 和 js/ionic.bundle.min.js 文件即可創(chuàng)建 ionic 應用。
<ion-header-bar class="bar-positive"> <h1 class="title">Hello World!</h1> </ion-header-bar> <ion-content> <p>我的第一個 ionic 應用。</p> </ion-content>
注意：在移動應用如 phonegap 中我們只需將對應的 js 和 css 文件加入到資源庫中即可。
第二種方法：命令行安裝
首先您需要安裝 Node.js。然后通過命令行工具安裝最新版本的 cordova 和 ionic 。通過參考Android 和 iOS 官方文檔來安裝。
Window 和 Linux 上打開命令行工具執(zhí)行以下命令：
$ npm install -g cordova ionic
Mac 系統(tǒng)上使用以下命令：
sudo npm install -g cordova ionic
提示: IOS需要在Mac Os X. 和Xcode環(huán)境下面安裝使用。
如果你已經(jīng)安裝了以上環(huán)境，可以執(zhí)行以下命令來更新版本:
npm update -g cordova ionic
或
sudo npm update -g cordova ionic
創(chuàng)建應用
使用ionic官方提供的現(xiàn)成的應用程序模板，或一個空白的項目創(chuàng)建一個ionic應用：
$ ionic start myApp tabs
運行我們剛才創(chuàng)建的ionic項目
使用 ionic tool 創(chuàng)建，測試，運行你的apps(或者通過Cordova直接創(chuàng)建)。
創(chuàng)建android應用:
$ cd myApp
$ ionic platform add android
$ ionic build android
$ ionic emulate android
創(chuàng)建ios應用:
$ cd myApp
$ ionic platform add ios
$ ionic build ios
$ ionic emulate ios
- ionic實現(xiàn)滑動的三種方式
- ionic實現(xiàn)可滑動的tab選項卡切換效果
- Ionic實現(xiàn)仿通訊錄點擊滑動及$ionicscrolldelegate使用分析
- ionic組件ion-tabs選項卡切換效果實例
- url重寫IIRF(Ionic''s Isapi Rewrite Filter)手冊
- Ionic2系列之使用DeepLinker實現(xiàn)指定頁面URL
- Ionic如何實現(xiàn)下拉刷新與上拉加載功能
- 郁悶!ionic中獲取ng-model綁定的值為undefined如何解決
- ionic js 模型 $ionicModal 可以遮住用戶主界面的內(nèi)容框
- Ionic3 UI組件之Gallery Modal詳解
相關(guān)文章
JavaScript實現(xiàn)向右伸出的多級網(wǎng)頁菜單效果
這篇文章主要介紹了JavaScript實現(xiàn)向右伸出的多級網(wǎng)頁菜單效果,通過javascript調(diào)用頁面元素屬性的動態(tài)改變實現(xiàn)向右展開菜單效果,具有一定參考借鑒價值,需要的朋友可以參考下2015-08-08
利用AJAX實現(xiàn)WordPress中的文章列表及評論的分頁功能
在文中列表頁方面利用AJAX制作滾動到底觸發(fā)翻頁的效果比較常見,而在評論加載時AJAX顯示正在加載也很常用,下面就來看一下如何利用AJAX實現(xiàn)WordPress中的文章列表及評論的分頁功能2016-05-05
Javascript的匿名函數(shù)小結(jié)，需要的朋友可以參考下。2009-12-12
本篇文章是對捕獲鍵盤事件(且兼容各瀏覽器)的實現(xiàn)進行了詳細的分析介紹，需要的朋友參考下2013-07-07
本篇文章主要是對js中replace的用法進行了詳細的總結(jié)介紹，需要的朋友可以過來參考下，希望對大家有所幫助2013-12-12
本篇文章主要是對js中call與apply的用法進行了詳細的總結(jié)介紹，需要的朋友可以過來參考下，希望對大家有所幫助2013-12-12
本文給大家介紹require.js的用法，require.js的誕生是為了解決兩大問題，第一實現(xiàn)js文件的異步加載，避免網(wǎng)頁失去響應，第二管理模塊之間的依賴性，便于代碼的編寫和維護，對require.js用法感興趣的朋友可以參考下本篇文章2015-10-10
這篇文章主要是對js跑步算法的實現(xiàn)代碼進行了詳細的分析介紹，需要的朋友可以過來參考下，希望對大家有所幫助2013-12-12
DIV是一個盒子模型通俗說就是一個容器，在布局過程中經(jīng)常會使用到這個標簽，在本文大家將學會如何讓DIV可編輯、可拖動，感興趣的朋友可以參考下，希望對大家有所幫助2013-09-09
這篇文章主要介紹了JS打開新窗口防止被瀏覽器阻止的方法,分析對比了常用方法與改進方法,是非常實用的技巧,需要的朋友可以參考下2015-01-01