ionic 學習筆記

2022-06-01 00:48:18 字數 1065 閱讀 3093

安裝(必須安裝 nodejs)

npm i -g cordova ionic

(可選 安裝 cnpm : npm i -g cnpm --registry=

建立專案

啟動專案,先進入剛建立的專案目錄,執行:

ionic serve

resources/ 打包時要用到的資源檔案 基本不需要改

src/ 我們開發的專案的源** (重點)

main.ts       入口檔案(正常不用改)

assets;     靜態資源 (,js框架...)

pages/ 存放頁面檔案,包括html,css,ts, 其下乙個資料夾表示乙個頁面

theme/ 主題   包括乙個scss

www/ 靜態的資源檔案 ,基本不需要改

.editorconfig  編輯器配置檔案

.gitignore git的忽略配置檔案

tsconfig.json ts的配置檔案

tslint.json      ts**規範檢查器的配置檔案

引入 angular 和 ionic 的系統模組

import from '@angular/platform-browser';

import from '@angular/core';

//根元件

import from '@ionic-native/splash-screen';

import from '@ionic-native/status-bar';

@ngmodule({

declarations:              宣告所有要用到的元件

entrycomponents:      入口元件 ,即不需要被別的元件 引用的元件

imports:         引入的模組 ,依賴的模組

providers:          配置"服務"

ionic g c 元件名

成功後會在src下建立一components資料夾,其下有個components.module.ts

components/ 下會建立乙個元件名的資料夾,

IONIC學習筆記

ionic form表單 模板.html參考ionic docs 如下 樓層門牌 姓名 確定 類檔案.ts export class senderinfopage 其中formgroup.value是 在用 給各個屬性賦值時不能直接用formgroup.value.屬性名 value 這樣頁面是不顯...

ionic學習 起步

1.搭建臨時環境 ps f web 3test ionic2 cd f web 3test ionic2 template ps f web 3test ionic2 template f web 3test ionic2 cmd ionic.cmd serve l 2.新建乙個頁面 ps f we...

Ionic學習記錄

1 跨域問題 瀏覽器中的執行 當你執行ionic serve時發生了什麼呢?你的origin就是localhost 8100。任何的傳送到其他不是localhost 8100主機上的 ajax 請求都會把localhost 8100作為他的 origin,這就會導致必須要經過乙個 cors 預檢來看...