Ionic4 入門


1、搭建環境

     1、電腦安裝node.js,安裝后電腦會自動安裝npm
     2、通過cmd命令,安裝cnpm 

npm install -g cnpm -registry=https://registry.npm.taobao.org 

     3、通過cmd,安裝ionic

     4、安裝VScode代碼編輯器,用於代碼開發

2、基礎命令

     創建項目:(helloWorld 項目名稱;--type=ionic-angular 添加生成版本3,不添加生成版本4)

   注:blank --空項目; tabs --底部欄 ;sidemenu  --側滑欄

ionic start helloWorld blank --type=ionic-angular

 

     modules下載:

cnpm i

 

     cmd運行項目:

ionic serve

 

     cmd生成頁面:

ionic g page testPage

 

     cmd生成頁面關聯的組件:

ionic g component 主頁面/components/modal名字

 

     cmd生成model:

ionic g module module名字

 

  生成打包:項目目錄下生成www文件夾,然后執行在www目錄打開cmd執行第二行名稱生成war

ionic build --prod
jar -cvf jkb.war *

3、官方開發文檔     

   ionic3:https://ionicframework.com/docs/v3/intro/installation/

  ionic4:https://ionicframework.com/docs

       

        

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM