我的ionic3日记(1)

安装与环境配置

1、安装node.js

我的ionic3日记(1)_第1张图片

2、安装ionic和cordova,并验证

安装

我的ionic3日记(1)_第2张图片

验证

我的ionic3日记(1)_第3张图片

3、创建应用:cd到要创建的项目的目录,运行

ionic start myapp tabs 

(myapp是项目名,tabs是ionic模板)

我的ionic3日记(1)_第4张图片

出现以上错误是因为安装git后没有配置git的用户信息,解决方法:

在开始菜单中找到git->git bash,在命令行输入

git config --global user.name "你的用户名(如:L_zhoutao)"

git config --global user.email "你的邮箱(如:[email protected])"


我的ionic3日记(1)_第5张图片

配置完git的用户信息后再次运行

ionic start myapp tabs

我的ionic3日记(1)_第6张图片

4、在浏览器中运行项目

我的ionic3日记(1)_第7张图片

5、项目成功如图

我的ionic3日记(1)_第8张图片

6、如果需要生成.apk在手机端运行则需要运行:

ionic cordova platform add android    (添加android项目)

我的ionic3日记(1)_第9张图片

出现以上错误可能是因为网络原因,可以先运行

ionic cordova platform rm android    (删除android项目)

再重新运行

ionic cordova platform add android

我的ionic3日记(1)_第10张图片

添加android项目成功后运行

ionic cordova build android    (把src里的内容同步到项目中)

我的ionic3日记(1)_第11张图片

出现以上错误是因为cordova在6.4.0(cordova-android在6.12)之后,会要求安装Gradle,基于Gradle来编译、打包android。

解决方法:去官网下载最新版本的Gradle,解压后,配置环境。

安装配置Gradle成功后,重新进入cmd,cd到项目目录下运行

ionic cordova build android

我的ionic3日记(1)_第12张图片

出现以上错误是需要SDK25版本,去android SDK Manager中下载就可以了。

我的ionic3日记(1)_第13张图片

下载完后重新运行

ionic cordova build android

我的ionic3日记(1)_第14张图片

通过以上路径可以找到生成的.apk文件,用安卓模拟器运行

我的ionic3日记(1)_第15张图片

安装成功。

你可能感兴趣的:(我的ionic3日记(1))