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