搭建Ionic开发环境，创建Ionic项目，使用浏览器启动项目，在Android模拟器或者Android手机中运行应用程序。
- 搭建Ionic4.0开发环境
- 创建Ionic工程
- 在Chrome浏览器中运行应用程序
- 搭建Android开发环境
- 生成apk文件
- 为App制作应用程序图标和启动屏幕
| 所需软件 | 下载链接 |
|---|---|
| Node.js | V8.9.0以上版本官网下载 |
| jdk | 官网下载 |
| Android sdk tool | 百度云下载 |
| Android Studio | 官网下载 |
| VS Code | 官网下载 |
| Git | 官网下载 |
| .net framework | 百度云下载 |
| Github客户端 | 官网下载 |
| Chrome | 官网下载 |
建议用管理员运行命令提示符（cmd）
1. Node.js安装
Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。
要了解Node.js更多的知识，请参考官网
2. cnpm安装
cnpm是淘宝 NPM 镜像。
要了解cnpm更多的知识，请参考官网
NPM全称为Node Package Manager，是一个基于Node.js的包管理器，也是整个Node.js社区最流行、支持的第三方模块最多的包管理器。NPM允许用户从NPM服务器下载别人编写的第三方包到本地使用。允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。在本次项目开发中主要通过NPM获取第三方包到本地使用。Node.js已经集成了NPM，所以可以进入命令提示符（cmd）,直接通过输入下面的命令来测试是否成功安装。
npm -v出现版本号提示表示安装成功。
进入命令提示符（cmd），执行下面的命令：
npm install -g cnpm --registry=https://registry.npm.taobao.org-g 选项表示全局安装（global），全局安装的包保存在在C:\Users\用户名\AppData\Roaming\npm\node_modules目录中。可以直接在命令行中使用。 检查有没有安装成功可以执行命令：
cnpm -v- cordova安装
Apache Cordova是一个开源的移动开发框架。允许你用标准的web技术HTML5，CSS3和JavaScript做跨平台开发。 应用在每个平台的具体执行被封装了起来，并依靠符合标准的API绑定去访问每个设备的功能，比如说：传感器、数据、网络状态等。
npm install -g cordova或者
cnpm install -g cordova检查有没有安装成功可以执行命令：
cordova -v要了解cordova更多的知识，请参考官网
- Ionic CLI安装
npm install -g ionic@latest或者
cnpm install -g ionic@latest检查有没有安装成功可以执行命令：
ionic -v- Git安装
Git是一个开源的分布式版本控制系统，可以有效、高速地处理从很小到非常大的项目版本管理。
- Github客户端安装
Git是一个命令行实用程序，但有许多GUI客户端可用。建议使用GitHub Desktop，并与GitHub配合使用。
VS Code是微软推出的目前比较流行的免费的文本编辑工具。
VS Code常用插件
| 序号 | 插件名称 | 用途 |
|---|---|---|
| 1 | Angular 8 snippets | 代码智能感知 |
| 2 | Ionic4 snippets | 代码智能感知 |
| 3 | Chinese (Simplified) Language Pack for Visual Studio Code | 此中文（简体）语言包为 VS Code 提供本地化界面。 |
| 4 | Auto Import | 自动导入包 |
| 5 | TSLint | TypeScript代码规范检查 |
| 6 | ESLint | JavaScript代码规范检查 |
- jdk安装
- android sdk安装或者直接安装Android Studio
- 启动模拟器
ionic start shengyizhuanjia sidemenu --type=angular创建工程的过程中需要下载依赖的包，由于npm的服务器在国外，因此经常安装失败。可以使用下面两个命令来创建工程
ionic start shengyizhuanjia sidemenu --type=angular --no-deps命令执行成功后，进入项目的根目录，执行命令
cnpm install如果人品不够好一直失败，可以使用我创建的工程百度云下载
要了解Ionic start更多的知识，请参考官网
要了解ionic 工程结构更多的知识，请参考官网
在命令提示符中（cmd）进入项目的根目录，执行下面的命令
ionic serve命令执行成功后，会自动打开默认的浏览器（建议使用谷歌浏览器），默认网址：http://localhost:8100/
按F12打开开发者工具，模拟手机设备。
要了解Ionic serve更多的知识，请参考官网
- 添加Android平台
ionic cordova platform add android要了解ionic cordova platform更多的知识，请参考官网
- 编译
ionic cordova build android要了解ionic cordova build更多的知识，请参考官网
- 运行
ionic cordova emulate android或者
ionic cordova run要了解ionic cordova emulate 更多的知识，请参考官网
要了解ionic cordova run 更多的知识，请参考官网
在项目的目录找到resources文件夹。在文件夹中都放入icon.png（应用图标，最小1024x1024px，不带圆角），splash.png（启动屏幕，最小2732x2732px）(可以是png、psd、ai) 在cmd中进入项目所在文件夹执行：
ionic cordova resources 执行该命令后，会自动在resources文件夹下创建已添加的平台名称的文件夹，如：android，其中会自动将图片进行缩放、裁剪，生成不同分辨率的图片，并在config.xml中添加相应内容。 也可分开执行：
ionic cordova resources --icon
ionic cordova resources --splash注意：执行以上命令时需连接到互联网
要了解更多ionic cordova resources的知识，请参考官网
无
创建ionic项目，能够使用浏览器启动项目，也能够在Android手机或者Android模拟器中运行。把生成的apk文件放在项目的根目录中。把项目所在的文件夹压缩，压缩包中不要包含node_modules文件夹。压缩包命名为：学号_姓名_01.rar