ionic3+Angular4+cordova 环境搭建（手机端App开发）

一、框架：ionic3+Angular4+cordova

二、环境搭建：

1. 安装node.js（为了使用npm来安装ant，cordova，ionic）

安装教程：https://www.cnblogs.com/zhouyu2017/p/6485265.html

验证：

2.下载jdk，并配置环境

配置教程：https://blog.csdn.net/u012934325/article/details/73441617

验证：

 

3.安装ant,并配置环境

安装教程：https://jingyan.baidu.com/album/e2284b2b45d193e2e6118dc6.html?picindex=1

验证：

Buildfile: build.xml does not exist!

Build failed

说明ant安装成功！因为ant默认运行build.xml文件，这个文件需要我们建立。

4.安装cordova与ionic

安装命令：npm install -g cordova ionic

安装缓慢，使用cnpm安装：　npm install -g cnpm --registry=https://registry.npm.taobao.org

重新执行安装命令：cnpm install -g cordova ionic

验证：

 

5.下载安装Vscode

安装教程：https://jingyan.baidu.com/article/e73e26c089135524adb6a722.html

打开代码：文件-打开文件夹

三、代码运行

运行错误与解决

①

解决方法：npm rebuild node-sass

②

拉取代码，当运行的时候，会提示没有插件，只需要执行 npm install 或者npm i即可

四、打包

教程：https://blog.csdn.net/qq_20264891/article/details/79319408

补充：

1.SDK安装配置

安装插件

 

配置：

系统变量->path

用户变量->path

 

验证：

2.Gradle安装配置

系统变量->path

 

用户变量->path

 

验证：

 

五、其他安装

Shadowsocks 3.0