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