軟件介紹

ionic特別版是一款專門進行html5移動app開發(fā)的開發(fā)框架工具，我們只需要通過這款軟件，就可以馬上獲得一個幾乎接近原生html5的移動APP框架，然后利用這個框架來開發(fā)出各種移動應(yīng)用。因此Ionic4中文版也就成為了所有移動開發(fā)人員必不可少的工具之一。

軟件簡介

Ionic 是一個神奇的框架和強大前端開源系統(tǒng)，使用先進的 web 技術(shù)比如 CSS、HTML 和 JS 來創(chuàng)建令人驚嘆的手機應(yīng)用。它已經(jīng)定制了在所有手機設(shè)備上的快速操作，并且確保簡單的功能和大量的手機組件。

您可以通過一個命令創(chuàng)建來測試和使用基于任何平臺上的 ionic 應(yīng)用。此外，該框架為它自己的組件提供了一套 Angular 指令（自定義的 HTML 元素），從而使它可以簡單的編寫一行 HTML 代碼。類似指令，它使用視圖動畫邏輯，異步通信，Angular 的觸摸識別和 HTML 清潔處理。

ionic特別版軟件特色

1．具有原生APP的卓越運行性能

ionic的目的是開發(fā)移動APP，因此，它僅考慮了新的移動端的瀏覽器兼容，并不一定兼容PC機上的瀏覽器。其在性能上可與原生APP媲美。ionic專注于原生APP開發(fā)。

2．可維護性高

ionic采用AngularJS的設(shè)計思路，因此在應(yīng)用維護、簡單性上繼承了AngularJS的優(yōu)勢。

3．漂亮的Ui設(shè)計

ionic中的Ui完全為移動APP定制，簡單、簡潔、實用是其最大的特點，它在Ui設(shè)計上貫穿了非常多的移動組件、結(jié)構(gòu)規(guī)范。其主題不僅華麗且具有很強的可擴展性。

4．輕量級框架

ionic基于AngularJS框架，但僅針對移動APP開發(fā)，遵循JavaStript的MVVM模式。

5．具有強大的命令行工具

ionic提供了命令行工具，可幫助開發(fā)者開發(fā)、調(diào)試、運行APP，可輕松地將APP部署到任何移動應(yīng)用平臺。

6．與AngularJS完美結(jié)合

lonic完全就是AngularJS在移動設(shè)備上的解決方案，其開發(fā)遵循AngularJS的思路，只要會AngularJS，ionic即可上手。

ionic特別版軟件優(yōu)勢

1.ionic 基于Angular語法。

2.ionic 是一個輕量級框架。

3.ionic 完美的融合下一代移動框架，支持 Angularjs 的特性， MVVM ，代碼易維護。

4.ionic 提供了漂亮的設(shè)計，通過 SASS 構(gòu)建應(yīng)用程序，它提供了很多 Ui 組件來幫助開發(fā)者開發(fā)強大的應(yīng)用。

5.ionic 專注原生，讓你看不出混合應(yīng)用和原生的區(qū)別

6.ionic 提供了強大的命令行工具。

7.ionic 性能優(yōu)越，運行速度快。

ionic特別版功能介紹

Ionic為性能而生-追求性能

在html5移動app開發(fā)中,速度是很重要的。Ionic在最新的移動設(shè)備中表現(xiàn)非常卓越，運行非常流暢。 操作最少的 DOM，非 jQuery，和硬件加速過渡，讓您感覺到用html5開發(fā)的app也可以飛起來。

Ionic完美的融合下一代移動框架 AngularJS- AngularJS移動端解決方案

Ionic可以說是AngularJS移動端解決方案，Ionic 利用 AngularJS創(chuàng)造出一款最適合開發(fā)豐富而強大應(yīng)用的框架。 Ionic不僅如此優(yōu)秀，而且它的核心架構(gòu)也是為開發(fā)專業(yè)應(yīng)用創(chuàng)建，和AngularJS完美融合。

Ionic讓你看不出混合應(yīng)用和原生的區(qū)別-專注原生

Ionic以流行的原生移動開發(fā)SDK為藍(lán)本，使開發(fā)過原生iOS或安卓app的任何人都容易理解。開始只需書寫你的代碼，完成時通過PhoneGap發(fā)布。一次開發(fā)，處處運行。

漂亮的設(shè)計讓你立馬愛上它

簡潔，簡單，而且實用。 Ionic為所有當(dāng)前移動設(shè)備而設(shè)計，并且呈現(xiàn)完美。伴隨眾多流行移動組件，結(jié)構(gòu)，交互規(guī)范，以及華麗的（且可擴展）的主題，你就不會懷疑你的生活為什么離不開它了。

一個強大的命令行

利用Ionic只需要一個命令就可以創(chuàng)建，構(gòu)建，測試，部署你的應(yīng)用程序在任何平臺上。有令人驚嘆的功能，只需要npm install -g ionic 就可以創(chuàng)建您的應(yīng)用。

讓html5移動app開發(fā)更簡單更有趣-有趣的學(xué)習(xí)

您只要會html css js 還有懂基本的angularjs語法 就可以利用ionic 開發(fā)跨平臺的移動app，完善的文檔，讓你學(xué)起來變得更簡單，更有趣

傻瓜式開發(fā)（就像你一樣）

建立和維護開發(fā)人員和設(shè)計師熱衷于Web技術(shù)。 Ionic專注于遵循標(biāo)準(zhǔn)的代碼，這是具有前瞻性的，通過 Github管理。我們要使HTML5移動開發(fā)更加精彩簡單。

ionic特別版安裝說明

1. 請預(yù)先安裝好nodejs

【打開命令行測試】

2.安裝淘寶鏡像命令npm install -g cnpm --registry=https://registry.npm.taobao.org

3.設(shè)置全局的npm從國內(nèi)源加載npm config set registry https://registry.npm.taobao.org

或者：修改配置文件（安裝的node路徑下nodejs\node_modules\npm\npmrc文件）npmrc，

在文件的尾部添加配置registry=http://registry.cnpmjs.org

4.安裝 npm install -g cordova ionic

5.安裝ionic命令: cnpm install -g ionic

6.在項目文件夾初始化項目命令：ionic start demotabs

若出現(xiàn)如下錯誤：

進入創(chuàng)建的項目目錄中，執(zhí)行：cnpm -i

8.在項目文件運行ionic環(huán)境服務(wù)命令：ionic serve

進入瀏覽器：

9.安裝平臺支持 ionic cordova platform add android

ionic特別版使用技巧

本經(jīng)驗采用了ionic v1.3.2 版本的遠(yuǎn)程CSS/JS組件進行調(diào)用。運行結(jié)果如下;

ionic下載后解壓壓縮包，包含以下目錄：

css/               =>     樣式文件

fonts/             =>     字體文件

js/                =>     Javascript文件

version.json       =>     版本更新說明

接下來，我們只需要在項目中引入以上目錄中的 css/ionic.min.css 和 js/ionic.bundle.min.js 文件即可創(chuàng)建 ionic 應(yīng)用。

命令行安裝(PS.安裝獲取最新的ionic版本)

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應(yīng)用？

我們可以使用ionic提供的現(xiàn)成的應(yīng)用程序模板，或一個空白的項目創(chuàng)建一個ionic應(yīng)用：

$ ionic start myApp tabs

運行我們剛才創(chuàng)建的ionic項目

使用 ionic tool 創(chuàng)建，測試，運行你的apps(或者通過Cordova直接創(chuàng)建)。

創(chuàng)建Android應(yīng)用

$ cd myApp $ ionic platform add android $ ionic build android $ ionic emulate android

如果一切正常會彈出模擬器，界面如下所示：