热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

ionic3安装到创建项目到打包apk到真机测试

前提是你已经安装java环境了哈~~(网上一大堆资源)第一步:装Node.js---(http:nodejs.cndownload)根据个人电脑下载win64等,然后安装:

前提是你已经安装java环境了哈~~(网上一大堆资源)

第一步:装Node.js---(http://nodejs.cn/download/)

根据个人电脑下载win64等,然后安装:


打开之后,除了设置自己安装目录之外,其他都点击下一步,下一步,一直到完成。

详细Nodejs步骤:

(http://note.youdao.com/noteshare?id=c1abd19bbe12e12522d61f5867751a9a&sub=0C8B4FA7214F4D1383446EDD1952374E)

第二步:打开命令行,输入node -v。如果显示版本号,说明你已经安装node.js成功了!!


================Ionic的安装==================

第三步:安装ionic

npm install -g cordova ionic  (-g表示全局) 


ionic -v (安装完成后运行ionic -v可以看到版本,也说明ionic是否安装成功)


在安装之前要确认网络联接良好,如果卡的不行老是安装失败的话,用淘宝cnpm,详细步骤如下:

先安装淘宝:npm install -g cnpm --registry=https://registry.npm.taobao.org 

然后通过cnpm安装ionic:cnpm install -g cordova ionic(安装 cordova ionic)

之后ionic -v查看版本号等后续操作一样。。

======================新建自己的第一个Ionic项目=========================

ionic start myApp tabs (创建项目,此时的路径是你项目文件夹的路径,ionic start 项目名字 tabs)


安装中会出现安装完整的cordova或者SDK都可以选择N。。。。

安装完之后目录是这个样子的


如果文件没有node_modules的文件夹,或者安装是错误,可以把文件删除,在该目录下输入npm install

=================运行第一个项目====================

ionic serve (进入自己的项目文件下运行ionic项目)


此时你的项目已经开始跑起来


============创建平台,在模拟器上显示=====================

1.ionic platform ls   //查看有哪些平台

2.ionic platform add android/ios   //添加安卓/ios平台
3.ionic platform remove android/ios   //移除安卓/ios平台
4.ionic resources  //创建平台的icon.png图标以及启动页面
5.ionic build android/ios   //编译 生成.apk
ionic cordova platform add android(添加安卓平台)

以安卓例子

ionic cordova build android(打包项目)


添加平台之后你可以发现你的目录多了一个文件夹,是platform




ionic cordova build android


结果会发现在下面目录结构有个debugg.apk。可以在自己手机安装运行


==================第二种方法借助Android Studio================

导入自己platform文件下的android项目


运行在模拟器上



选择好自己的模拟器之后点击OK,等待一会,发现自己的模拟器已经跑起来


=========Android Studio打包==========================

网上很多打包很详细,给一个很简单的链接,看着一步步走下去,就完成了。

链接中的打包是签名的包,不是debug包,想打debug的话也很快的。一般我们需要签名的~

https://blog.csdn.net/woaichimahua/article/details/54427528

然后可以拿出自己的真机测试,效果杠杠的。











推荐阅读
  • APKAnalyzer(1):命令行操作体验与功能解析
    在对apkChecker进行深入研究后,自然而然地关注到了Android Studio中的APK分析功能。将APK文件导入IDE中,系统会自动解析并展示其中各类文件的详细信息。官方文档提供了详细的命令行工具使用指南,帮助开发者快速上手。本文以一个RecyclerView的Adapter代理开源库为例,探讨了如何利用这些工具进行高效的APK分析。 ... [详细]
  • 【前端开发】深入探讨 RequireJS 与性能优化策略
    随着前端技术的迅速发展,RequireJS虽然不再像以往那样吸引关注,但其在模块化加载方面的优势仍然值得深入探讨。本文将详细介绍RequireJS的基本概念及其作为模块加载工具的核心功能,并重点分析其性能优化策略,帮助开发者更好地理解和应用这一工具,提升前端项目的加载速度和整体性能。 ... [详细]
  • Android开发常见问题汇总(含Gradle解决方案)第二篇
    本文继续深入探讨Android开发中常见的问题及其解决方案,特别聚焦于Gradle相关的挑战。通过详细分析和实例演示,帮助开发者高效解决构建过程中的各种难题,提升开发效率和项目稳定性。 ... [详细]
  • 在CentOS上部署和配置FreeSWITCH
    在CentOS系统上部署和配置FreeSWITCH的过程涉及多个步骤。本文详细介绍了从源代码安装FreeSWITCH的方法,包括必要的依赖项安装、编译和配置过程。此外,还提供了常见的配置选项和故障排除技巧,帮助用户顺利完成部署并确保系统的稳定运行。 ... [详细]
  • Ceph API微服务实现RBD块设备的高效创建与安全删除
    本文旨在实现Ceph块存储中RBD块设备的高效创建与安全删除功能。开发环境为CentOS 7,使用 IntelliJ IDEA 进行开发。首先介绍了 librbd 的基本概念及其在 Ceph 中的作用,随后详细描述了项目 Gradle 配置的优化过程,确保了开发环境的稳定性和兼容性。通过这一系列步骤,我们成功实现了 RBD 块设备的快速创建与安全删除,提升了系统的整体性能和可靠性。 ... [详细]
  • 基于Node.js、EJSExcel、Express与Vue.js构建Excel转JSON工具:首阶段——Vue.js项目初始化及开发环境配置
    在近期的一个H5游戏开发项目中,需要将Excel数据转换为JSON格式。经过调研,市面上缺乏合适的工具满足需求。因此,决定利用Node.js、EJSExcel、Express和Vue.js自行构建这一工具。本文主要介绍项目的第一阶段,即Vue.js项目的初始化及开发环境的配置过程,详细阐述了如何搭建高效的前端开发环境,确保后续功能开发的顺利进行。 ... [详细]
  • 如何在MAC上配置Python和Appium开发环境
    一、需要安装的软件二、下载安装步骤2.1、安装jdk2.1.1JDK下载地址:https:www.oracle.comjavatechnologiesjavase-download ... [详细]
  • 1.搭建开发环境>解压压缩文件,得到:①AndroidSDK(类似于JDK)②Eclipse③ADT>配置两个path环境变量:D:\adt-bundle-w ... [详细]
  • 本项目在Java Maven框架下,利用POI库实现了Excel数据的高效导入与导出功能。通过优化数据处理流程,提升了数据操作的性能和稳定性。项目已发布至GitHub,当前最新版本为0.0.5。该项目不仅适用于小型应用,也可扩展用于大型企业级系统,提供了灵活的数据管理解决方案。GitHub地址:https://github.com/83945105/holygrail,Maven坐标:`com.github.83945105:holygrail:0.0.5`。 ... [详细]
  • 本文详细介绍了如何在Linux系统中搭建51单片机的开发与编程环境,重点讲解了使用Makefile进行项目管理的方法。首先,文章指导读者安装SDCC(Small Device C Compiler),这是一个专为小型设备设计的C语言编译器,适合用于51单片机的开发。随后,通过具体的实例演示了如何配置Makefile文件,以实现代码的自动化编译与链接过程,从而提高开发效率。此外,还提供了常见问题的解决方案及优化建议,帮助开发者快速上手并解决实际开发中可能遇到的技术难题。 ... [详细]
  • 深入解析Gradle中的Project核心组件
    在Gradle构建系统中,`Project` 是一个核心组件,扮演着至关重要的角色。通过使用 `./gradlew projects` 命令,可以清晰地列出当前项目结构中包含的所有子项目,这有助于开发者更好地理解和管理复杂的多模块项目。此外,`Project` 对象还提供了丰富的配置选项和生命周期管理功能,使得构建过程更加灵活高效。 ... [详细]
  • Go语言实现Redis客户端与服务器的交互机制深入解析
    在前文对Godis v1.0版本的基础功能进行了详细介绍后,本文将重点探讨如何实现客户端与服务器之间的交互机制。通过具体代码实现,使客户端与服务器能够顺利通信,赋予项目实际运行的能力。本文将详细解析Go语言在实现这一过程中的关键技术和实现细节,帮助读者深入了解Redis客户端与服务器的交互原理。 ... [详细]
  • 在VC环境中,掌握高效的调试技巧和高级应用对于提高开发效率至关重要。本文详细介绍了如何通过检查程序中的括号匹配来避免常见的语法错误。具体操作包括将光标置于待检测的括号(如大括号 {}、方括号 [] 和圆括号 ())上,系统会自动高亮显示对应的配对括号,从而帮助开发者快速定位和修复问题。此外,文章还探讨了其他实用的调试工具和方法,如断点设置、变量监视和调用堆栈分析,以全面提升代码调试的准确性和效率。 ... [详细]
  • NVM:通过nvminstall命令解决权限获取问题 ... [详细]
  • 已更新尝试调用我的Lambda函数时出现以下错误{"errorType":"TypeErr ... [详细]
author-avatar
我爱我19930515
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有