ionic安装

ionic 安装

安装之前，首先确保你安装了nodejs！！！在Windows平台，还需要确保安装了Ant、Java、Android！！！并设置环境变量

1、安装Cordova

npm install -g cordova //全局安装

npm install - g cordova //全局安装

2、安装Ionic

npm install -g ionic

npm install - g ionic

3、创建一个Ionic项目

ionic start todo blank  //项目名称todo  样例模板blank

ionic start todo blank    //项目名称todo  样例模板blank

4.切换到项目todo的目录

5、添加Android或者IOS平台支持

ionic platform android
或
ionic platform ios//必须在mac系统下哦

ionic platform android

或

ionic platform ios //必须在mac系统下哦

6、构件并启动，等待模拟器启动，即可查看效果

ionic build ios或android
ionic emulator ios 或 Ionic run android 或 ionic emulator Genymotion image //Genymotion image 还有待实践

ionic build ios 或 android

ionic emulator ios 或 Ionic run android 或 ionic emulator Genymotion image //Genymotion image 还有待实践

7、鉴于大部分人没有Mac本以及Android又实在不争气，可以通过一些工具直接在浏览器访问。如Tomcat、Wampserver等。比如：

Ionic服务：

ionic serve  //注意是单词 SERVE  不是SERVER 没有R

ionic serve    //注意是单词 SERVE  不是SERVER 没有R

node模块法：

npm install -g gulp
npm install -g gulp-connect
gulp

npm install - g gulp

npm install - g gulp - connect

gulp

可以观察到服务已经启动，访问localhost:8080/#/todo即可浏览

提示：Windows下执行Ctrl+C键结束gul运行

时间： 2024-11-01 18:45:57

ionic安装的相关文章

Ionic 安装遇到的问题以及解决方案

http://www.cnblogs.com/wjw-blog/p/4840727.html 公司里要用到 Ionic 做移动App 混合开发 一个环境搭建折腾了好几天.一是公司权限问题,二是网络问题,你懂得. Ionic 环境搭建官网有教程.本来几行命令就能搞定的事,一旦遇到网络问题,就蛋疼了.慢的要死 Ionic 框架简单了解了一下,由于是基于Anjular.js的,拥有Anjular.js的一些独有特性.比之前接触过的JS ,jQuery ,jQueryMobile要强大且方便的多. 安装

ionic 安装

ionic 安装 本ionic安装教程采用了ionic v1.0.1 版本. ionic 最新版本下载地址:http://ionicframework.com/docs/overview/#download. 下载后解压压缩包,包含以下目录: css/               =>     样式文件fonts/             =>     字体文件js/                =>     Javascript文件version.json       =>  

ionic安装拍照选照片插件

1.安装插件,也可以用ionic plugin add .... phonegap local plugin add https://git-wip-us.apache.org/repos/asf/cordova-plugin-camera.git phonegap local plugin add https://git-wip-us.apache.org/repos/asf/cordova-plugin-media-capture.git phonegap local plugin add

ionic安装及测试

官方教程: http://ionicframework.com/getting-started/ 官方教程写得比较简单,简单来说就是 1)安装nodejs(安装方法:http://www.cnblogs.com/tujia/p/5993852.html) 2)利用nodejs的npm包管理器安装 cordova 和 ionic,命令如下 npm install -g cordova ionic 附:上面安装可能会失败,因为安装cordova 和 ionic 时要下载的东西大多需要FQ才能下载,如

npm命令ionic安装失败cordova安装失败解决方法

转载:http://bbs.phonegap100.com/thread-2622-1-1.html 镜像使用方法(三种办法任意一种都能解决问题,建议使用第三种,将配置写死,下次用的时候配置还在): 1.通过config命令 npm config set registry https://registry.npm.taobao.org npm info underscore (如果上面配置正确这个命令会有字符串response) 2.命令行指定 npm --registry https://re

ionic 安装本地插件极光推送

问题:按照官方文档的步骤 假如把插件保存到了D:\push\jpush,当执行到 cordova plugin add D:\push\jpush 的时候,ionic 不是从本地目录安装,而是从registry.cordova.io上搜索!!! 原因:待查(难道是‘\'是特殊的转义字符?请大神指教!) 解决方法:把路径中的 '\' 改为 '/' ,完美运行 cordova plugin add D:/push/jpush 注:在这个帖子里 http://ionichina.com/topic/5

VS2015+cordova+ionic安装配置

VS2015已经出了正式版,想用来试一下cordova方面的开发.最近在看ionic这个框架,于是想能在VS2015里编辑js就好了. 下面说一下蛋疼的安装配置过程. 一.安装VS2015及Android SDK 首先Android的SDK最好提前下好,我是从另一个电脑上把已经下好的sdk复制到D盘Android目录下,这样安装VS2015的时候就不用选择SDK下载了,速度会快点. 安装VS2015的时候最好网络FQ一下,不然有些组件有可能会下载失败.安装的组件我没选Xamarin,这玩意太贵用

Ionic 安装创建项目

在安装了node+Cordova的情况下(过程参考我之前的文章Phonegap环境配置),安装ionic: 安装ionic npm install -g ionic Android创建安装: npm install -g npm //后续start步骤出错,故在此处将npm转为全局,后顺利 F: cd wwwroot_ionic //切换到创建文件的目录下 ionic start myproject cd myproject ionic platform add android ionic bu

Ionic 安装JPush过程

1.在官网注册App帐号,完成后会生成对应的AppKey 2. 进行在线安装 cordova plugin add https://github.com/jpush/jpush-phonegap-plugin.git  --variable API_KEY=XXXXXX 安装成功之后会看到对应的插件和生成的cn.jpush.android.api.JPushInterface类 这个版本如果根据别名发送通知,在登录的时候保存别名的格式如下: window.plugins.jPushPlugin.