IONIC基于windows平台的基础环境搭建

最新推荐文章于 2020-04-15 22:28:09 发布

洋葱先生,

最新推荐文章于 2020-04-15 22:28:09 发布

阅读量2.4k

点赞数 1

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/everconfig/article/details/51885007

本文详细介绍了在Windows平台上部署Ionic开发环境的步骤，包括JDK、Apache Ant、Android SDK及Node.js等的安装配置，并提供了创建和运行测试项目的指导。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前言

使用ionic进行跨平台app开发，windows macos linux 均可。但是一般都会选择使用macos进行跨平台开发，一方面能够保证准确的验证效果，一方面macos在开发过程中大量的脚本支撑能够提高开发效率。
mac平台部署ionic开发环境需要注意的是环境变量（临时/当前用户/系统）的配置，脚本的使用。推荐使用的IDE为CODA2。如果我没有记错，在操作过程中会提示安装XCode。
如下为windows平台下，ionic部署的分享。

1.下载JDK并配置好Java运行环境

http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html （请注意选择您电脑的对应版本）

2.下载Apache Ant 并将其bin目录路径添加进Path路径

下载地址:http://mirror.tcpdiag.net/apache//ant/binaries/apache-ant-1.9.4-bin.zip

3.下载Android SDK 并配置好SDK运行环境

下载地址： http://developer.android.com/sdk/index.html
这里可以只下载Android SDK 不需要一并下载 Android Studio

4.安装node.js for windows

下载地址：https://nodejs.org/download/

5.使用nodeJs的npm脚本安装ionic和cordova

## 注意 ##
使用npm指令的时候，不要用cmd命令行，一定要使用nodejs自带的命令行工具Node.js command prompt 进行安装否则会提示
npm should be run outside of the node repl, in your normal shell.(Press Control-D to exit.)这样的错误信息

6.安装cordova

启动 Node.js command prompt
运行 npm install -g cordova

7.安装ionic

运行 npm install -g ionic

至此ionic的基础环境就已经搭建完成了。

8.创建并运行测试项目

ionic start myionic （ionic start 文件名 myionic）
ionic platform add android
ionic build android
ionic run android

其中 myionic 为你要创建的项目名称，此指令成功的前提为你的环境变量均配置正常。

9.查看生成的代码内容

打开项目代码的指令为 open 文件名
执行完build指令之后，会生成相应的代码以及apk文件。可以通过IDE直接进行代码参读。

10.IDE的选择

我个人比较倾向于notepad++；macos平台推荐使用coda2