ionic介紹以及ionic環境搭建

2021-09-26 06:28:56 字數 1073 閱讀 6008

1.什麼是ionic?

簡單來說:ionic就是乙個移動應用程式開發框架

2.ionic的安裝執行

1.學習前準備工作

1、必須得安裝 nodejs(建議安裝最新的穩定版本)

2、必須有 angular 基礎:

2.安裝 cordova  ionic

npm install-gcordova ionic

3.建立專案:

e2e: 端對端測試檔案

node_modules :專案所需要的依賴包

src:開發工作目錄,頁面、樣式、指令碼和都放在這個目錄下

package.json: 配置專案的元資料和管理專案所需要的依賴

tsconfig.json: typescript 專案的根目錄,指定用來編譯這個專案的根檔案和編譯選項

tslint.json:格式化和校驗 typescript

index.html:index 入口檔案

main.ts:主入口檔案

test.js:測試相關的配置檔案

polyfills.ts: 這個檔案包含 angular 需要的填充,並在應用程式之前載入

這裡主要對ionic框架做了一下解釋,希望能幫助到大家。

Ionic 介紹以及 Ionic 環境搭建

ionic 主要關注外觀和體驗,以及和你的應用程式的 ui 互動,特別適合用於基於 hybird 模式的 html5 移動應用程式開發。ionic是乙個輕量的手機ui庫,具有速度快,介面現代化 美觀等特點。為了解決其他一些ui庫在手機上執行緩慢的問題,它直接放棄了ios6和android4.1以下的...

Ionic入門 Ionic 列表

看過ionic官網的,都知道ionic有成型的css文件和js文件.對於初學者來說,幫助文件是最好的學習材料.在剛接觸ionic和angularjs的時候,基本的東西都不了解,就經常性的看文件.看demo,實現一下,發現移動端挺好玩的,介面又好看.今天介紹一下ionic列表,其實也是羅列一下常用的幾...

ionic開發介紹之SASS介紹

本文只是簡單的簡紹。適用於剛剛開發ionic專案的同學學習了解 sass的作用以及在本工程裡使用的細節,需要gulpfile.js那些命令支援,以及編碼 ionic框架使用了sass來定義自己的css機構,當然我們自定義的css檔案也使用sass。因此涉及到sass編譯為css的步驟。當然實際上還需...