ionic3+Angular4+cordova 环境搭建(手机端App开发)

–>

、框架:ionic3+Angular4+cordova

二、环境搭建:

  1. 安装node.js(为了使用npm来安装ant,cordova,ionic

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

验证:

ionic3+Angular4+cordova 环境搭建(手机端App开发)

2.下载jdk,并配置环境

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

验证:

ionic3+Angular4+cordova 环境搭建(手机端App开发)

 

ionic3+Angular4+cordova 环境搭建(手机端App开发)

3.安装ant,并配置环境

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

验证:

Buildfile: build.xml does not exist!

Build failed

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

ionic3+Angular4+cordova 环境搭建(手机端App开发)

4.安装cordova与ionic

安装命令:npm install -g cordova ionic

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

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

验证:

ionic3+Angular4+cordova 环境搭建(手机端App开发)  ionic3+Angular4+cordova 环境搭建(手机端App开发)

5.下载安装Vscode

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

打开代码:文件打开文件夹

三、代码运行

ionic3+Angular4+cordova 环境搭建(手机端App开发)

运行错误与解决

ionic3+Angular4+cordova 环境搭建(手机端App开发)

解决方法:npm rebuild node-sass

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

打包

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

补充:

1.SDK安装配置

安装插件

ionic3+Angular4+cordova 环境搭建(手机端App开发)

 

ionic3+Angular4+cordova 环境搭建(手机端App开发)

ionic3+Angular4+cordova 环境搭建(手机端App开发)

配置

ionic3+Angular4+cordova 环境搭建(手机端App开发)

系统变量->path

ionic3+Angular4+cordova 环境搭建(手机端App开发)

用户变量->path

ionic3+Angular4+cordova 环境搭建(手机端App开发)

ionic3+Angular4+cordova 环境搭建(手机端App开发)

ionic3+Angular4+cordova 环境搭建(手机端App开发)

 

验证

ionic3+Angular4+cordova 环境搭建(手机端App开发)

2.Gradle安装配置

ionic3+Angular4+cordova 环境搭建(手机端App开发)

系统变量->path

ionic3+Angular4+cordova 环境搭建(手机端App开发)

 

用户变量->path

ionic3+Angular4+cordova 环境搭建(手机端App开发)

 

验证

ionic3+Angular4+cordova 环境搭建(手机端App开发)

 

五、其他安装

* 3.0

本文来源 互联网收集,文章内容系作者个人观点,不代表 本站 对观点赞同或支持。如需转载,请注明文章来源,如您发现有涉嫌抄袭侵权的内容,请联系本站核实处理。

© 版权声明

相关文章