ionic建立專案及目錄結構

2021-09-20 06:41:32 字數 1215 閱讀 9571

cnpm i -g ionic cordova

cd到某個檔案目錄下,ionic start ionicdemo tabs,建立過程中可以按ctrl+c,再通過cnpm i,安裝所需要的依賴。

ionic serve

建立新的元件

ionic g page componnetname
ionic4.x是由模組組成的,多個模組無法共用乙個元件,這時候就需要把元件封裝成乙個模組,讓模組引入模組。

將元件封裝成模組

再module.ts檔案中,宣告元件,再export

import  from '@angular/core';

import from '@angular/common';

import from './list.component';

@ngmodule()

export class listmodule

在其他模組中引入進行使用。

import  from '@ionic/angular';

import from '@angular/router';

import from '@angular/core';

import from '@angular/common';

import from '@angular/forms';

import from './tab1.page';

import from '../module/slide/slide.module';

import from '../module/list/list.module';

@ngmodule(])

],declarations: [tab1page]

})export class tab1pagemodule {}

重點看listmodule

在頁面中使用。

tab one

新聞

ionic 專案目錄結構介紹

執行ionic start myionic blank後,的到的空專案.執行ionic start myionic tabs後,的到的tabs專案.編譯cordova時自定義的指令碼命令,方便整合到我們的編譯系統和版本控制系統中 hooks after prepare 安裝cordova的各種外掛程...

ionic 建立專案步驟

你的ionic專案就已經構建成功了 下面是一些技巧 通過cd命令進入你的專案 cd ionic 1sttutorial 設定專案使用sass ionic setup sass 在瀏覽器中實時開發 ionic serve 新增乙個系統平台 ios or android ionic platform a...

python專案目錄結構 django建立專案

我們以乙個電商 為例,上有跟使用者有關的頁面,有跟商品有關的頁面,還有跟訂單有關的頁面,這樣的一塊內容其實就是 的乙個功能模組。在django中,專案的組織結構為乙個專案包含多個應用,乙個應用對應乙個業務模組。示例 建立專案的名稱為test1,完成 圖書 英雄 資訊的維護,建立應用名稱為bookte...