ionic開發-創建專案

一、創建

打開您的CMD 或是 powershell

請先進到您要創建專案的地方

此時您可以前往官網看到在創建時可用的專案home頁面樣式的指令

創建三個(blank、tabs、menu)樣式的哪一個都沒關係,只是範本而已,進去都可以透過修改程式碼來更改為你想要的樣式。

接下來以創建一個名為 "test" 的專案,以空白頁面樣式為範例,使用cmd or powershell 輸入以下指令

ionic start test blank

ionic start 是使用使用 ionic cli創建新專案的指令,後面第一個參數為專案名稱,第二個參數為專案home頁面樣式。

原本目錄裡面的專案

輸入指令

好了之後就可以看到該目錄下多了一個名為 "test" 的資料夾

二、執行測試

您可以透過在電腦上的瀏覽器測試此專案的執行

請先進到您要執行的專案資料夾裡

例如作者剛剛在ionic的資料夾裡面創建了一個叫做 test 的專案

那就進到 test 裡面再執行以下指令

輸入以下指令

ionic serve

或是

ionic serve --lab

好了之後您會在您的瀏覽器看到執行畫面

下圖右方為chrome瀏覽器的開發人員工具可透過鍵盤 F12 或是 ctrl + shift + i 叫出視窗

如果您要停止、結束執行的話,請在您剛剛的cmd 或是 powershell 按鍵盤 ctrl + c

results matching ""

    No results matching ""