ionic安装及测试

Tiac Tiac     2022-08-09     246

关键词:

官方教程: 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才能下载,如果你不能FQ,请参考下面这个方法:http://www.jianshu.com/p/5a99334eb62d

$ npm install -g cnpm --registry=https://registry.npm.taobao.org
$ cnpm install -g cordova ionic

3)项目测试(安装一下ionic的tabs默认项目来玩一下)

cd /usr/local/ionic
ionic start myApp tabs
cd myApp
ionic platform add android
ionic build android
ionic emulate android
ionic serve

附:大概意思就是基于tabs项目创建一个项目,添加android平台支持,然后再模拟android测试,最后启动一个http 服务,于是我们就可以在浏览器用 localhost 来访问查看效果了~~

4)直接修改项目里的文件,项目会在浏览器自动重新渲染,不需要刷新~

5)结束!

附:测试项目好像也要FQ~~~,所以如果你 ionic start myApp tabs 失败,就FQ试试吧。。。。。

 

补:上面第三步,platform add android, build android 之类的需要先安装相关的开发环境(这里是安卓开发环境),不想弄这些开发环境的话,直接ionic serve就行了,不用管上面的东西

ionic的安装

...复制黏贴代码,实际演练代码的效果  二.ionic环境安装及ionic2安装链接(vs2015)1.Ionic的环境安装建立在node安装好的前提下2.安装JDKhttp://www.oracle.com/technetwork/java/java 查看详情

ionic3引用外部插件--百度地图及echart报表的使用(代码片段)

...其实特别简单啦,跟着我步伐前进吧。使用步骤如下环境安装1,安装ChartJs库cd/项目的根目录下npminstallchart.js--save2,全局安装typingsnpm 查看详情

vue+ionic4,知虎偏行(二)创建及配置项目

...ctType)。所以使用Vue来创建项目:这是Vue很基础的东西,安装依赖并运行看下:此时可以看到项目能正常运行的,一般来说,应用都需要和路由打交道,所以添加下路由:对Ionic集成,安装ionic相关依赖(其中@ionic/core是组件部分... 查看详情

cordova学习笔记 cordova相关的安装记录及项目建立

我们需要使用npm所以首先安装从 下载nodejscordova的安装sudo npm install -g cordovaionic的安装npm install -g ionic用ionic安装android运行平台ionic start myprojectcd myproject/io 查看详情

ionic3开发之路

1. 环境搭建     JDK 安装及环境变量配置(安装教程参考)   安装python2.7(切记勿装3.x,问题较多)安装教程参考     AndroidSDK安装( 安装教程参考)建议安装7.0或以上。 ... 查看详情

ionic6探索笔记——环境搭建及创建项目

...stallingIonic-IonicDocumentation1.删除旧版本ionicnpmuninstall-gionic2.安装新版本npminstall-g@ionic/cli值得注意的是,ionic的资源包变为了ionic/cli在cmd或终端进入合适的目录,然后运行命令:ionicstart项目名称tabs然后选择项目类型(Angular、React、V... 查看详情

ionic开发,手机在线测试

...运行npminstall-gionic。如果这不起作用,请尝试卸载并重新安装,npmuninstall-gionic然后再次运行install命 查看详情

ionic2——环境配置篇

环境配置安装nodeJS配置cnpm安装ionic2安装cordova安装javasdk安装androidsdk(在项目最后打包时app的时候会用到,前期是在浏览器环境测试开发暂时不需要使用)1.安装nodeJS登录nodeJs官网(https://nodejs.org/en/download/),选择自己适用的版本,... 查看详情

Ionic - 构建 iOS 包文件以在设备上进行测试

...正在尝试使用Ionic3构建一个新应用程序。我正在寻找构建安装文件的步骤,该文件具有与适用于android设备的APK文件相同的功能。我不知道它应该是IPA文件还是其他文件类型,因为我自己以前从未使用过iPhone或iPa 查看详情

学习笔记ionic学习之环境搭建

...学ionic,后面会把学习的点滴和踩到坑全部记录下来1.环境安装node.js官网地址:https://nodejs.org/en/下载安装包安装。自己记住自己的安装路径哦安装完成后我们测试一下方法运行-cmd 在命令窗口输入node-v npm-v 这样说明你no... 查看详情

velero安装及测试

velero安装及测试与Etcd备份相比,直接备份Etcd是将集群的全部资源备份起来。而velero是可以对k8s集群内对象级别进行备份。除了对k8s集群进行整体备份外,velero还可以通过对Type、NameSpace、Label等对象进行分类备份或者恢复。<!--br... 查看详情

vs安装及单元测试

Visual Studio 2013安装过程(1)打开VS2013安装包并选择安装路径(2)选择“我同意许可条款和隐私策略” —>"下一步"(3)勾选功能(一般不改动)—>点击“安装”(4)安装中(5)VS2013安装完毕coding... 查看详情

mha安装及测试(代码片段)

MHA安装官方介绍准备工作1.下载安装包2.配置好主从主:192.168.160.132从:192.168.160.133192.168.160.134mha:192.168.160.135GRANTSUPER,REPLICATIONSLAVE,REPLICATIONCLIENTON*.*TO‘replication_user‘@‘192.168.160.%‘IDENTIFIEDBY‘123456 查看详情

pythoncv2安装及测试(代码片段)

pythoncv2安装及测试​由于数学建模国赛2013B题了解到opencv,遂记录一.安装1.参考教程pipinstall-ihttps://pypi.tuna.tsinghua.edu.cn/simpleopencv-python👉参考教程链接​是看到评论区里的兄弟写的2.powershell安装3.检查是否装好piplistpiplist... 查看详情

protobuf安装及小测试

参考:http://shift-alt-ctrl.iteye.com/blog/2210885 版本:2.5.0百度云盘上有jar包。mac上安装:新建:/Users/zj/software/Tools/protobuf目录(此为安装目录)进入解压目录。./configure --prefix=/Users/zj/software/Tools/protobufmakemakei 查看详情

hivellap服务安装说明及测试(代码片段)

 Hivellap服务安装说明及测试 参考:https://www.cnblogs.com/hdpdriver/p/7642729.html1.简介说明从Hive2.0引入了LLAP(LiveLongAndProcess),2.1进行了比较大的优化,可以说hive已经走向了内存计算,目前hortonworks测试llap+tez比hive1.x快了25倍,... 查看详情

nginx负载均衡安装及测试

nginx负载均衡安装及测试1、配置3台机器A服务器IP:192.168.157.128(主)B服务器IP:192.168.157.136C服务器IP:192.168.157.137vim/etc/hosts192.168.157.128hadoop1192.168.157.136hadoop2192.168.157.137ha 查看详情

zookeeper安装测试及集群

centos安装zookeeper-3.5.2-alpha.tar.gz网上搜索了一下安装教程其实很简单主要总结一下中间遇到的坑 1.zookeeper3.4.6启动失败。很有可能是配置的日志目录在文件系统中没有新建。 2.zookeeper3.5+启动失败。这个是我今天遇上的问题... 查看详情