Ionic3 环境搭建以及基础配置实现(更新中)

GitHub:https://github.com/Teloi

环境配置
输入以下命令安装 Ionic (如果刚才设置了淘宝镜像源,可以使用 cnpm 代替 npm):
npm install -g ionic
需要注意的是,如果之前安装过 Ionic 2 的 beta 版本,需要先卸载掉:
npm uninstall -g ionic
然后重新安装。
ionic -version
查看当前版本 截至8月21日时的版本为3.9.2

生成目录:
ionic start Tests blank

启动项目
npm install 安装所需要的依赖包
ionic serve 默认8100端口启动

ionic 的start 默认有三种选项,blank、Tabs以及Side Menu

我们选择默认的空白页,便于学习
现在尝试在空白模板中添加tab页以及侧边栏(http://pointdeveloper.com/ionic-2-side-menu-tabs/)

安装 cordova
npm install -g cordova ionic
npm install
期间如有报错(You have been opted out of telemetry. To change this, run: cordova telemetry)
参考https://segmentfault.com/a/1190000008137785

ionic cordova build android --prod
如需安装android sdk参考
目前 sdk tools 版本25.2.5
添加环境变量
提示需要安装android studio报错
下载地址(https://services.gradle.org/distributions/)
安装4.1.all 配置环境变量
重启电脑。。。。
安装android8、7、6 的Platform 
具体需求参照报错信息

参考网址:
github ionic源码
ionic cli 建议新建空白模板
ionic temple类似angle模板,可参照学习
ionic cli空白模板建立tabs以及sidemenu
ionic cli空白模板建立tabs以及sidemenu译文
页面懒加载
页面懒加载
IOS测试

时间: 2024-11-08 19:54:03

Ionic3 环境搭建以及基础配置实现(更新中)的相关文章

Android # Android 环境搭建之 Python 配置

在终端输入python,然后import sysprint sys.path The Python Tutorial - Python v2.7.7 documentation https://docs.python.org/2.7/tutorial/index.html Python 3.1.2和2.7比较哪个版本更稳定?_python吧_百度贴吧 http://tieba.baidu.com/p/936048566 python2.7.3和3.3.2的区别_百度知道 http://zhida

TeraData环境搭建及基础知识

没办法,工作需要,得学习一下Teradata,现在就把平台搭建过程记录下来吧, 以便以后观看 一,平台搭建 1,首先安装VMware 2,下载Express VM版的Teradata,(Teradata Express 14.0 for VMware ) 地址:http://downloads.teradata.com/download/database/teradata-express/vmware 3,将文件解压,可以直接用VMware打开进入 二,配置 1,用户名密码都是root 2,配置

Android开发环境搭建常见问题(不定时更新)

1.关于 Parsing Data for android-L failed Unsupported major.minor version 51.0 错误 错误解决方案: 升级Android L,要求编译环境为jdk1.7,所以环境是jdk1.6的IDE会报 "Parsing Data for android-L failed Unsupported major.minor version 51.0" 错误,需要升级JDK了. Android开发环境搭建常见问题(不定时更新)

关于路由器漏洞利用,qemu环境搭建,网络配置的总结

FAT 搭建的坑 1 先按照官方步骤进行,完成后进行如下步骤 2 修改 move /firmadyne into /firmware-analysis-toolkit navigate to the Firmadyne folder and execute "sudo ./download.sh" (seems like I missed this step when setting up Firmadyne) move fat.py and reset.py into Firmady

黑马程序员-java基础知识+环境搭建和变量配置

一.dos命令 软件:是一系列按照特定顺序组织的计算机数据和指令的集合. 交互方式:图形化界面.命令行方式 dir  directory 显示文件和子目录 cd   change directory 改变当前的路径(进入指定目录) md   make directory 新建一个子目录(文件夹) rd   remove directory 删除一个子目录(文件夹) cd.. 返回上一文件夹 cd/  返回根目录(磁盘) del  delete 删除文件 (不走回收站)   del *.txt(删

01scala环境搭建和基础

1.环境搭建 1.下载安装jdk1.7以上版本,并进行环境变量的配置 2.下载scala-2.10.4.msi,安装后进行环境变量的配置 3.下载scala-SDK-4.1.1-vfinal-2.11-win32.win32.x86.zip,解压双击运行 2.scala基础 1.println  控制台输出   readLine  控制台输入 2.方法的定义: def 方法名 (参数名:参数类型):返回值类型={ 方法体 } 注意: 1.如果没有返回值,可以省略 2.方法调用 方法名(参数) 

Redis学习系列二之.Net开发环境搭建及基础数据结构String字符串

一.简介 Redis有5种基本数据结构,分别是string.list(列表).hash(字典).set(集合).zset(有序集合),这是必须掌握的5种基本数据结构.注意Redis作为一个键值对缓存系统,其所有的数据结构,都以唯一的key(字符串)作为名称,然后通过key来获取对应的数据. 二..Net开发环境搭建 这个版本,暂时不考虑并发问题,后续的文章会说!第一步:安装StackExchange.Redis包,我用的是2.0.519版本的. 第二步:编写代码,采用扩展方法的链式编程模式+as

Android4.x环境搭建--使用已经配置好环境的eclipse

使用Eclipse做Android开发,需要先在Eclipse上安装ADT(Android Development Tools)插件. 1.安装JDK 1.7 JDK官网http://www.oracle.com/technetwork/java/javase/downloads/index.html,下载JDK7软件包,我安装的是1.7.0_55版本.安装完JDK后,配置下JDK环境即可. 2.下载Eclipse Eclipse官网:http://www.eclipse.org/downloa

Linux巩固记录(1) J2EE开发环境搭建及网络配置

由于要近期使用hadoop等进行相关任务执行,操作linux时候就多了 以前只在linux上配置J2EE项目执行环境,无非配置下jdk,部署tomcat,再通过docker或者jenkins自动部署上去 看下进程,复制粘贴删除等基本操作,很多东西久了不用就忘了,所有写个demo巩固下曾经的linux知识 后续会有hadoop等主流的大数据相关环境的搭建及使用 ---------------------------------------------------------------------