ionic —— 开发环境搭建并编译运行第一个APP
其实类似的环境已经玩了很多次了,最开始玩还是微信刚刚出来,那会儿没有智能机。只好安装一个模拟器,却只是为了注册一个微信。想想也就是够了~
前前后后折腾了很多次,可是每一次都给人不一样的感觉,也许是这个过程中习惯了,也许是对于一些事情的看法变了,渐渐的越来越顺手。比较在GFW越来越NBHH的时候还能安装SDK也是很不容易的了。最主要的是从来没有总结过,如果每一次总结一下,或者早就不用这样重复重复再重复,搜索搜索再搜索了。学习是一个总结的过程,这一次例外的总结一下。
ionic
Install Ionic
npm install -g cordova ionic
Start a project
ionic start ionicProject blank
**ionicProject 指代项目目录,创建一个空白项目
其它项目: **
ionic start ionicProject tabs
ionic start ionicProject sidemenu
Run it
运行一下刚刚创建的项目,运行命令:
cd ionicProject
ionic platform add android
ionic build android
ionic run android
其实上面的运行代码也是有前提的,需要安装Android开发环境,这里基本上是共通的。
-
安装JDK
设置环境变量PATH:jdk的位置。例如:(PATH => D:\Program Files\Java\jdk1.8.0_60\bin) -
安装Android SDK Manager
设置环境变量ANDROID_HOME:Android SDK Manager的位置 例如:(PATH => D:\Program Files\Android SDK Tools)
设置环境变量PATH:例如:(PATH => %ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools) -
安装package
Android SDK
Android SDK Platform-tools
Android SDK Build-tools -
如果第3步创建了模拟器
ionic emulate android
错误分析
在安装过程中会报一些错误,按照错误提示的关键词在本文应该就可以找到答案,如果不行可以留言一起交流,然后搜搜搜。
我的环境
> ionic info
Your system information:
Cordova CLI: 5.3.1
Ionic Version: 1.0.1
Ionic CLI Version: 1.6.4
Ionic App Lib Version: 0.3.8
OS: Windows 7 SP1
Node Version: v0.12.2
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· 周边上新:园子的第一款马克杯温暖上架
· Open-Sora 2.0 重磅开源!
· 分享 3 个 .NET 开源的文件压缩处理库,助力快速实现文件压缩解压功能!
· Ollama——大语言模型本地部署的极速利器
· DeepSeek如何颠覆传统软件测试?测试工程师会被淘汰吗?