ionic3构建项目

安装 ionic

$ npm install -g cordova ionic

构建ionic项目

命令格式：

$ ionic start [<name>] [<template>] [options]

常用创建命令(选择一种模板来创建自己的应用)：

• 创建一个空白的只有导航栏的项目
  • ionic start myApp blank
• 创建一个带侧边栏的项目
  • ionic start myApp sidemenu
• 创建一个带标签栏的项目
  • ionic start myApp tabs

添加Android平台

// 添加 Android 端
ionic cordova platform add android

// build Android apk
ionic cordova build android

// 运行 Android apk
ionic cordova emulate android

添加iOS平台

iOS 端不需要提前开启模拟器，但是要注意所有的命令中iOS中的OS必须小写os

//添加 iOS 端
ionic cordova platform add ios

//build ios
ionic cordova build ios

//运行 iOS 端项目
ionic cordova emulate ios

调试

项目目录结构解析

hooks：编译cordova时自定义的脚本命令，方便整合到我们的编译系统和版本控制系统中
node_modules：node各类依赖包
platforms：生成android或者ios安装包路径（ platforms\android\build\outputs\apk：apk所在位置）
plugins：插件文件夹，里面放置各种cordova安装的插件
resources：android/ios 资源（更换图标和启动动画）
src：开发工作目录，页面、样式、脚本和图片都放在这个目录下
：静态文件
config.xml: 配置文件
package.json: node安装模块时的依据
tsconfig.json: TypeScript项目的根目录，指定用来编译这个项目的根文件和编译选项
tslint.json：格式化和校验typescript

• src工作目录：
  • app：应用根目录
  • assets：资源目录（静态文件（图片，js框架。。。）各种需要放置在此文件夹内，不然会出错，（尴尬。。。）
  • pages：页面文件，放置编写的页面文件，包括：html，scss，ts。（搞事情的）
  • theme：主题文件，里面有一个scss文件，设置主题信息。