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

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/everconfig/article/details/51885007

前言

使用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.创建并运行测试项目


  1. ionic start myionic (ionic start 文件名 myionic)
  2. ionic platform add android
  3. ionic build android
  4. ionic run android

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

9.查看生成的代码内容

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

10.IDE的选择

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

展开阅读全文

没有更多推荐了,返回首页