Ionic学习笔记

最新推荐文章于 2020-10-12 19:15:43 发布

byerHu

最新推荐文章于 2020-10-12 19:15:43 发布

阅读量427

点赞数

分类专栏：前端学习文章标签： ionic-SDK 真机调试环境配置 ionic

本文链接：https://blog.csdn.net/qq_32357509/article/details/53189287

版权

6 篇文章 0 订阅

订阅专栏

首页必须电脑上已经安装有nodeJS和npm,nodeJS安装完成后，npm是自带的.
nodeJS下载安装官网：https://nodejs.org/zh-cn/

在运行下面命令之前，最好是使用nrm换个源，原因大家都清楚，国外的东西国内访问是特别慢的
nrm安装命令：npm -g install nrm
然后可以使用nrm -ls查看有多少个源，默认选中的是npm可以使用命令nrm use cnpm来换成cnpm,用nrm -ls再次查看就知道自己选中了cnpm了,换源成功之后就可继续下面命令的操作了。
命令如下：
npm install -g cordova ionic
ionic start myApp tabs如果要搭建的是ionic2的应用可以要使用ionic start myApp tabs --v2
cd myApp
在网页上查看效果可以使用 ionic serve
如果想在真机上进行查看，必须要安装android的SDK环境(下载好android SDK,配置好环境变量），配置好JAVA的环境（下载好jar配置好环境变量），然后用USB连接手机和电脑，在使用命令adb devices查看设备是否正常连接,然后执行下列命令
- cd myApp
- ionic platform add android
- ionic run andriod

首先必须保证手机和电脑处于同一个网络环境下，简单来说就是使用的是同一个wifi，然后使用命令ionic run android -lcs --debug便可以查看调试的效果。

首先下载SDK，可以进入http://www.android-studio.org/进行下载，下载android-studio-ide-145.3360264-windows.exe 无 Android SDK即可，下载完成后进入下载目录中，运行目录下SDK Manager.exe文件，进行相应下载：首先tools文件全部选择，然后我们选中API 14到25之间下面的SDK platform和google APIs然后进行安装，安装的时间可能较长，安装完成之后我们来配置一下SDK的环境变量。
- 首先在系统变量中新建一个ANDROID_HOME变量，变量的值为你相应SDK的安装路径。然后在path变量中将tools和platform-tools两个文件平夹的路径放进去如下：
- D:\software\androidSDK\tools;D:\software\androidSDK\platform-tools;这时SDK环境即配置完成。
- 至于java环境的配置大家可以直接百度http://jingyan.baidu.com/article/f96699bb8b38e0894e3c1bef.html
- 手机用USB连接时，要进入设置项打开USB的调试功能。