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

       

        

 

转载于:https://www.cnblogs.com/Dream2hc/p/web9254bdc467b2.html