Windows系统Ionic安装教程/Ionic环境配置

简介:

其实大体主要分两步:安装cordova和安装ionic

安装cordova

一,首先安装Ant(cordova工具生成android项目时,需要的编辑工具)

1,安装ant

到官方主页http://ant.apache.org下载新版(目前为Ant1.8.1)的ant,得到的是一个apache-ant-1.8.1-bin.zip的压缩包。将其解压到你的硬盘上,例如:C:\apache-ant-1.8.1。

2,配置环境变量

 

path             C:/ apache-ant-1.8.1/bin

classpath      C:/apache-ant-1.8.1/lib

3,验证ant

为了验证ant是否成功安装,可以进行如下操作:

依次选择:开始->运行->cmd,输入如下命令:ant

如果出现如下内容,说明安装成功:

Buildfile: build.xml does not exist!

Build failed

二,安装android sdk(网上方法一大把)

别忘了配环境变量(把%ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools加到Path环境变量中,不然会报"Error: An error occurred while listing Android targets"错)

三,安装Node.js (这里主要是要用它的npm命令装东西)

进入官网(http://www.nodejs.org/ ),下载安装包安装

四,安装phonegap和cordova(终于到主角了)

npm install -g phonegap

npm install -g cordova

安装完毕后可以创建一个cordova项目运行了

cordova create myapp com.org.myapp "HelloWorld"  
cd myapp  
cordova platform add android  //添加android运行平台
cordova build android   //编译apk
cordova run android  //运行到真机

 安装ionic(其实就一句话,不知是屏蔽还是网速原因,我就一直装不上,一个礼拜左右每天都会装就是装不上,所以有了以下的办法)

npm install -g ionic (这句能成功安装就不用看下边的方法了)

我的方法 

1,配置环境变量node的npm命令

Path : C:\Documents and Settings\Administrator\Application Data\npm 

2,补齐npm文件夹下有关于ionic的文件 http://download.csdn.net/detail/superjunjin/8417723

3,补齐ionic项目下node_modules等文件 http://download.csdn.net/detail/superjunjin/8417731

(具体文件见最后的压缩包)

ionic start myApp sidemenu  //创建带有左侧带有menu栏的示例项目
ionic start myApp blank   //创建空白项目

ionic serve //浏览器运行(调试很方便)


本文转自ZH奶酪博客园博客,原文链接:http://www.cnblogs.com/CheeseZH/p/4834410.html,如需转载请自行联系原作者

相关文章
|
2月前
|
安全 Windows
永久关闭 Windows 11 系统更新
永久关闭 Windows 11 系统更新
127 0
|
4月前
|
Windows
如何查看自己电脑的windows系统版本?
这篇文章提供了一种简单快捷的方法来查看自己电脑的Windows系统版本,通过使用Windows的"运行"功能并输入`winver`命令来快速获取系统版本信息。
如何查看自己电脑的windows系统版本?
|
25天前
|
存储 负载均衡 Java
如何配置Windows主机MPIO多路径访问存储系统
Windows主机多路径(MPIO)是一种技术,用于在客户端计算机上配置多个路径到存储设备,以提高数据访问的可靠性和性能。本文以Windows2012 R2版本为例介绍如何在客户端主机和存储系统配置多路径访问。
69 13
如何配置Windows主机MPIO多路径访问存储系统
|
2月前
|
Windows
Windows系统命令dir使用详解
Windows系统命令dir使用详解
|
3月前
|
Linux Windows
Windows系统批量创建文件夹的技巧
Windows系统批量创建文件夹的技巧
|
2月前
|
Windows
.NET 隐藏/自定义windows系统光标
【10月更文挑战第20天】在.NET中,可以使用`Cursor`类来控制光标。要隐藏光标,可将光标设置为`Cursors.None`。此外,还可以通过从文件或资源加载自定义光标来更改光标的样式。例如,在表单加载时设置`this.Cursor = Cursors.None`隐藏光标,或使用`Cursor.FromFile`方法加载自定义光标文件,也可以将光标文件添加到项目资源中并通过资源管理器加载。这些方法适用于整个表单或特定控件。
|
2月前
|
Apache 数据中心 Windows
将网站迁移到阿里云Windows系统云服务器,访问该站点提示连接被拒绝,如何处理?
将网站迁移到阿里云Windows系统云服务器,访问该站点提示连接被拒绝,如何处理?
|
2月前
|
域名解析 缓存 网络协议
Windows系统云服务器自定义域名解析导致网站无法访问怎么解决?
Windows系统云服务器自定义域名解析导致网站无法访问怎么解决?
|
2月前
|
Windows
安装Windows XP系统
安装Windows XP系统
|
3月前
|
监控 网络安全 Windows
Windows系统命令
Windows系统命令
下一篇
无影云桌面