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测试

转载于:https://www.cnblogs.com/teloi/p/7427108.html

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

  1. 1.ROS环境搭建与基础工作

    1.ROS环境搭建与基础工作 0.安装ROS 1.ROS体验 2.vscode配置环境 3.ROS系统相关指令 0.安装ROS 1.添加源 sudo sh -c '. /etc/lsb-release ...

  2. 亲测好用!机器学习环境搭建及基础

    写在这里的初衷,一是备忘,二是希望得到高人指点,三是希望能遇到志同道合的朋友. 机器学习环境搭建及基础 https://www.cnblogs.com/mlan/p/8616032.html 以上是自 ...

  3. 极海APM微控制器基于IAR开发环境搭建与工程调试配置方法

    极海APM微控制器基于IAR开发环境搭建与工程调试配置方法 ✨本篇主要针对基于IAR for ARM版本:V9.30.1环境搭建和工程调试配置过程进行介绍,当然也同样适用于基于ARM架构芯片的开发使用 ...

  4. 《LoadRunner 12七天速成宝典》—第1章 1.3节环境搭建之虚拟机配置

    本节书摘来自异步社区<LoadRunner 12七天速成宝典>一书中的第1章,第1.3节环境搭建之虚拟机配置,作者陈霁,更多章节内容可以访问云栖社区"异步社区"公众号查 ...

  5. 初学Oracle的笔记(2)——基础内容(实时更新中..)

    续 初学Oracle的笔记(1)--基础内容(实时更新中..) 1.oracle中创建一张表,写法与sql server中的一样. SQL> create table Course 2 ( cn ...

  6. ISA Server实验环境搭建与企业×××配置

    ISAServer是微软在企业网络边界防护上的代表产品.从ISAServer2000到现在被广泛应用的ISAServer2004和ISAServer2006以及即将推出的ISAServer2008,都 ...

  7. Elastic Stack核心技术实战01--Elasticsearch环境搭建与基础入门

    相信大家对于ELK并不陌生吧,大家在工作中一定都接触过Elasticsearch这个搜索引擎,ELK技术栈就是Elasticsearch和Logstash以及Kibana三个组件共同组成的,但是随着后 ...

  8. ESP32-IDF开发笔记 | 01 - ESP-IDF开发环境搭建(2023.04.08更新)

    更新内容 更新时间 2021.05.01 基于ESP32+IDF 4.4完成初稿 2023.03.12 基于IDF 5.0.1添加VScode IDF扩展安装.配置.使用方法 2023.04.07 增 ...

  9. Qt开发Activex笔记(一):环境搭建、基础开发流程和演示Demo

    若该文为原创文章,转载请注明原文出处 本文章博客地址:https://blog.csdn.net/qq21497936/article/details/113773009 长期持续带来更多项目与技术分 ...

最新文章

  1. xlwt+xlrd配合使用修改excel表格
  2. 【学习笔记】平等博弈及常见的公平博弈类型
  3. LeetCode 340. 至多包含 K 个不同字符的最长子串(滑动窗口)
  4. 服务器bios 虚拟化,hp服务器bios开启虚拟化(hp主板开启虚拟化)
  5. 17个机器学习的常用算法!
  6. 苹果键盘快捷键驱动_如何在Windows中使用键盘快捷键打开光盘驱动器
  7. java Jre和Jdk的区别
  8. 可道云kodexplorer隐藏免费版按钮及简单修改使用方法
  9. linux之mindoc搭建
  10. html caption 靠左,HTML caption align 属性
  11. oracle修改redo路径,在线修改redo文件的路径
  12. maya安装步骤 新手安装软件基础教程(附安装包)
  13. LiteFlowNet3:解决对应歧义以获得更准确的光流估计
  14. 750px媒体查询 1rem=100px
  15. 关于浏览器的深入解析都在这31张图里!
  16. C语言const和volatile关键字
  17. MongoDB的基础指令和练习笔记
  18. iOS远程推送原理及实现过程
  19. 部落节点和跨群集搜索:Elasticsearch中联合搜索的未来
  20. SQL的语法与分类,语法示例+图片,贼吉尔详细!!!

热门文章

  1. python pyecharts 折线图_python数据大屏pyecharts库2020.8.31
  2. Java 内存 关系_发生在Java内存模型中的关系之前
  3. 单纯形法求最小值的检验数_【运筹学】单纯形法(笔记和思考)
  4. vue垂直布局_vue实现长图垂直居上 vue实现短图垂直居中
  5. Python enum的使用总结
  6. LeetCode 1716. 计算力扣银行的钱(等差数列)
  7. 牛客 牛牛浇树(差分)
  8. LeetCode 1553. 吃掉 N 个橘子的最少天数(BFS)
  9. LeetCode 1323. 6 和 9 组成的最大数字
  10. 数据结构--图 Graph