ionic ionic是一个强大的混合式/hybridHTML5移动开发框架,特点是使用标准的HTML、 CSS和JavaScript,开发跨平台(目前支持:Android、iOS,计划支持:Windows...ionic主要包括三个部分: CSS框架 - 提供原生App质感的CSS样式模拟。ionic这部分的实现使用了ionicons图标样式库。...比如,我们使用ion-tabs指令就可以实现一个功能完备的选项卡: ...... ionic.js实现的指令基本覆盖了移动端开发所需,下面的图可以帮助我们快速简要地了解 ionic.js的能力: ?...ionic.js : 路由管理 在单页应用(Single Page App)中,路由的管理是很重要的环节。
OIDC") 在下一页上,添加 http://localhost:8100 作为重定向的 URI 并点击 Finish。...创建登录页 为了创建身份认证的登录页,先创建 src/pages/login.ts 和 src/pages/login.html。...你可以退出之后看一下带标识的登录页。 ? 注意: 你可能注意到退出之后标签页并没有消失。我正在查找 没有正常工作 的原因。 发布到移动设备 使用 Ionic 在浏览器中开发移动应用是非常酷的事情。...如果你在登录页输入凭证,可能什么也不会发生。打开 Safari 转到 Develop > Simulator > MyApp / Login,你会看到控制台有一条错误信息。...如果省略这一步,当 app 在设备上运行时, window.location.origin 会跳转到 file://。
首先,如果你是初学者,我强力建议你先看完我这篇文章: 【开发指南】(四)Ionic3快速上手并了解这些 然后,请在浏览器新开一个窗口打开这个网页,便于观察参照: http://www.zcool.com.cn.../work/ZMjAyMjk5NDQ=.html 一、确定模版并创建应用 首先我们观察到应用的底部是这样的选项卡: ?...UI选项卡 所以我们在cli命令行创建一个基于选项卡模版的应用: ionic start appetite tabs 等项目创建成功后,我们执行下面的命令: cd appetite && ionic serve...(图方便,我强制认为模版创建的三个页面就是UI的前3个选项卡的页面),同时最后一个选项卡是关于个人信息的,所以我们创建一个叫person的页面,页面最终会生成在src/pages这个目录下面。...为了更接近UI效果图,我们还需要添加自定义字体图标,自定义组件等,篇幅有点长了,我们把内容留到了下一章。
一、插入文档封面 01 1、在功能区打开“插入”选项卡 2、选择选项卡下的封面页 3、点开选择需要的封面 4、此时封面会自动插入到当前文档的第一页,其余文档自动后移 02 二、长文档的编辑与管理 2.1...在文档中应用样式 1、在Word文档中,选择要 应用样式的标题文本 2、开始选项卡“样式”,点击所需样式,还可以放在上面看到样式效果,不合适可以继续换 3、也可以进行修改样式得到所需样式效果...三、文档的分页与分节 1、将光标置于需要分页的位置 2、选择页面布局选项卡---页面布局---分隔符---选择所需功能 分节符的四种用途 “下一页分节符”:分节符后的文本从新的一页开始 “连续”:新节与前面一节同处于当前页...“奇数页”:分节符后的文本转到下一个奇数页 “偶数页”:分节符后的文本转到下一个偶数页 四、文档内容的分栏处理 功能区打开页面布局---分栏---设置 若需取消分栏,只需要设置为一栏即可 END
窗口 打开新窗口 Ctrl + N 在无痕模式下打开新窗口 Ctrl + Shift + N 关闭当前窗口 Ctrl + Shift + w 或 Alt + F4 选项卡 跳转到下一个标签页...Ctrl + Tab 或 Ctrl + PgDn 跳转到上一个标签页 Ctrl + Shift + Tab 或 Ctrl + PgUp 关闭当前标签页 Ctrl + W...或 Ctrl + F4 打开新的标签页并跳转到该标签页 Ctrl + T 按标签页的关闭顺序重新打开先前关闭的标签页 Ctrl + Shift + T 网页 刷新页面 F5 跳转到页首 Home...跳转到页尾 End 回退到上一页 Alt + ← 前进到下一页 Alt + → 在当前标签页打开主页 Alt + Home 功能 打开开发者工具 F12 或 Ctrl + Shift
内联模板在单页应用(SAP)开发中非常有用。SAP应用通常需要通过AJAX 从后台载入众多的HTML片段,这些HTML片段都用文件存放的话,看起来、想起来 都很不爽。...在ui-route中的$state服务就是一个状态机实例,在任何时刻,我们可以使用其 go()方法跳转到指定名称的状态。...hide-back-button的允许值为:true | false ,默认为false 注意:必须在导航栏中显式地声明返回按钮,否则即使将hide-back-button属性设为false, 这个按钮也不会出现...回退按钮 : ion-nav-back-button 你可能已经注意到前一节的示例中,当切换到小说页时,无处可去了!...示例中的代码在上一节的基础上增加了回退按钮,切换到小说页再看看!
⇧⌥⌘PgDown 列(框)选择 向下一页 搜索和替换 Mac 快捷键 介绍 ⌘F 查找 ⌥⌘F 替换 ⌘G / ⇧⌘G 查找下一个/上一个 ⌥Enter 选择查找匹配的所有匹配项 ⌘D 将选择添加到下一个查找匹配...格式选择 F12 转到定义 ⌥F12 Peek定义 ⌘K F12 打开定义到一边 ⌘....快速修复 ⇧F12 显示引用 F2 重命名符号 ⇧⌘. / ⇧⌘, 替换为下一个/上一个值 ⌘K ⌘X 修剪尾随空格 ⌘K M 更改文件语言 导航 Mac 快捷键 介绍 ⌘T 显示所有符号 ⌃G 转到行...… ⌘P 转到文件… ⇧⌘O 转到符号… ⇧⌘M 显示问题“面板” F8 / ⇧F8 转到下一个/上一个错误或警告 ⌃⇧Tab 浏览编辑器组历史记录 ⌃- / ⌃⇧- 后退/前进 ⌃⇧M 切换选项卡移动焦点...快捷键 介绍 ⌘N 新建文件 ⌘O 打开文件 ⌘S 保存 ⇧⌘S 保存为… ⌥⌘S 保存所有 ⌘W 关闭 ⌘K ⌘W 关闭所有 ⇧⌘T 重新打开已关闭的编辑器 ⌘K 输入保持打开 ⌃Tab / ⌃⇧ 选项卡打开下一个
⇧⌥⌘PgDown 列(框)选择 向下一页 搜索和替换 Mac 快捷键 说明 ⌘F 查找 ⌥⌘F 替换 ⌘G / ⇧⌘G 查找下一个/上一个 ⌥Enter 选择查找匹配的所有匹配项 ⌘D 将选择添加到下一个查找匹配...F12 转到定义 ⌥F12 Peek定义 ⌘K F12 打开定义到一边 ⌘....快速修复 ⇧F12 显示引用 F2 重命名符号 ⇧⌘. / ⇧⌘, 替换为下一个/上一个值 ⌘K ⌘X 修剪尾随空格 ⌘K M 更改文件语言 导航 Mac 快捷键 说明 ⌘T 显示所有符号 ⌃G 转到行...… ⌘P 转到文件… ⇧⌘O 转到符号… ⇧⌘M 显示问题“面板” F8 / ⇧F8 转到下一个/上一个错误或警告 ⌃⇧Tab 浏览编辑器组历史记录 ⌃- / ⌃⇧- 后退/前进 ⌃⇧M 切换选项卡移动焦点...快捷键 说明 ⌘N 新建文件 ⌘O 打开文件 ⌘S 保存 ⇧⌘S 保存为… ⌥⌘S 保存所有 ⌘W 关闭 ⌘K ⌘W 关闭所有 ⇧⌘T 重新打开已关闭的编辑器 ⌘K 输入保持打开 ⌃Tab / ⌃⇧ 选项卡打开下一个
下载后点击下一步一步步安装,安装完nodejs npm也同时安装完成 (2)新建ionic 文件夹,并在控制台进入此文件夹 假如在e:盘中建个ionic的文件夹,敲cmd打开控制台...,输入e:回车,接着输入cd ionic,进入ionic文件夹 (3)安装ionic 输入命令npm install -g ionic@beta 我的电脑这步怎么都安装不成功...,在网上查找,安装ionic之前先输入命令npm config set proxy null (4)在ionic文件夹中start ionicdemo2, ionic start...ionicdemo2 --v2 ( 5 ) 然后启动模板页要在控制台上进入 ionicdemo2 输入ionic serve ionic $ q 关闭服务 如果在ionic的文件夹中没有...platforms文件夹,可以打开Ionic Lab在里面安装 等所有都安装完查看下cordova -v 有没有安装cordova,没有的话npm install -g cordova 如果ionic
,如果当前行断点是一个方法,则不进入当前方法体内 F7 进入下一步,如果当前行断点是一个方法,则进入当前方法体内,如果该方法体还有方法,则不会进入该内嵌的方法中 ⇧F7 智能步入,断点所在行上有多个方法调用...查找类文件 ⌘⇧O 查找所有类型文件、打开文件、打开目录,打开目录需要在输入的内容前面或后面加一个反斜杠/ ⌘⌥O 前往指定的变量 / 方法 ⌃← / ⌃→ 左右切换打开的编辑tab页...弹出当前文件结构层,可以在弹出的层上直接输入进行筛选(可用于搜索类中的方法) ⌃H 显示当前类的层次结构 ⌘⇧H 显示方法层次结构 ⌃⌥H 显示调用层次结构 F2 / ⇧F2 跳转到下一个...Ctrl + Shift + N 跳转到符号 Alt + Right/Left 跳转到下一个、前一个编辑的选项卡 F12 回到先前的工具窗口 Esc 从工具窗口回到编辑窗口...Alt + Up/Down 跳转到上一个、下一个方法 Ctrl + ]/[ 跳转到代码块结束、开始 Ctrl + F12 弹出文件结构 Ctrl + H 类型层次结构 Ctrl
,如果当前行断点是一个方法,则不进入当前方法体内 F7 进入下一步,如果当前行断点是一个方法,则进入当前方法体内,如果该方法体还有方法,则不会进入该内嵌的方法中 ⇧F7 智能步入,断点所在行上有多个方法调用...查看断点信息 导航 ⌘O 查找类文件 ⌘⇧O 查找所有类型文件、打开文件、打开目录,打开目录需要在输入的内容前面或后面加一个反斜杠/ ⌘⌥O 前往指定的变量 / 方法 ⌃← / ⌃→ 左右切换打开的编辑tab页.../结束位置 ⌘F12 弹出当前文件结构层,可以在弹出的层上直接输入进行筛选(可用于搜索类中的方法) ⌃H 显示当前类的层次结构 ⌘⇧H 显示方法层次结构 ⌃⌥H 显示调用层次结构 F2 / ⇧F2 跳转到下一个...Ctrl + Shift + N 跳转到符号 Alt + Right/Left 跳转到下一个、前一个编辑的选项卡 F12 回到先前的工具窗口 Esc 从工具窗口回到编辑窗口 Shift + Esc 隐藏运行的...Ctrl + Shift + I 查看快速定义 Ctrl + Shift + B 跳转到类型声明 Ctrl + U 跳转到父方法、父类 Alt + Up/Down 跳转到上一个、下一个方法 Ctrl
+ Backspace 删除到字符开始 Ctrl + Numpad+/- 展开折叠代码块 Ctrl + Numpad+ 全部展开 Ctrl + Numpad- 全部折叠 Ctrl + F4 关闭运行的选项卡...Ctrl + Shift + N 跳转到符号 Alt + Right/Left 跳转到下一个、前一个编辑的选项卡 F12 回到先前的工具窗口 Esc 从工具窗口回到编辑窗口 Shift + Esc 隐藏运行的...、最近运行的窗口 Ctrl + Shift + F4 关闭主动运行的选项卡 Ctrl + G 查看当前行号、字符号 Ctrl + E 当前文件弹出 Ctrl+Alt+Left/Right 后退、前进 Ctrl...+ I查看快速定义 Ctrl + Shift + B跳转到类型声明 Ctrl + U跳转到父方法、父类 Alt + Up/Down跳转到上一个、下一个方法 Ctrl + ]/[跳转到代码块结束、开始...最大化编辑开关 Alt + Shift + F添加到最喜欢 Alt + Shift + I根据配置检查当前文件 Ctrl + BackQuote(')快速切换当前计划 Ctrl + Alt + S打开设置页
转到下一个选项卡 Ctrl + Shift + Tab 转到上一个选项卡 Ctrl + S 显示或隐藏街道 Ctrl + C 复制到剪贴板 《电影和电视》快捷键 快捷键 功能 Alt + Enter...Caps Lock + Shift + F6 跳转到单元格内容 Caps Lock + F3 跳转到当前行中的下一个单元格 Caps Lock + Shift + F3 跳转到当前行中的上一个单元格...Caps Lock + 零 (0) 阅读文本属性 Caps Lock + H 阅读文档 Caps Lock + Ctrl + U 阅读当前页 Caps Lock + U 阅读下一页 Caps Lock...J 跳转到下一个标题 Caps Lock + Shift + J 跳转到上一个标题 Caps Lock + K 跳转到下一个表格 Caps Lock + Shift + K 跳转到上一个表格 Caps...Shift + F5 – 从当前页放映 从当前编辑页开始放映。
删除到字符开始 Ctrl + Numpad+/- 展开/折叠代码块(当前位置的:函数,注释等) Ctrl + shift + Numpad+/- 展开/折叠所有代码块 Ctrl + F4 关闭运行的选项卡...Ctrl + Shift + N 跳转到符号 Alt + Right/Left 跳转到下一个、前一个编辑的选项卡 F12 回到先前的工具窗口 Esc 从工具窗口回到编辑窗口 Shift...Ctrl + Alt + B 跳转到实现 Ctrl + Shift + I查看快速定义 Ctrl + Shift + B跳转到类型声明 Ctrl + U跳转到父方法、父类 Alt + Up/Down...跳转到上一个、下一个方法 Ctrl + ]/[跳转到代码块结束、开始 Ctrl + F12弹出文件结构 Ctrl + H类型层次结构 Ctrl + Shift + H方法层次结构 Ctrl + Alt...最大化编辑开关 Alt + Shift + F添加到最喜欢 Alt + Shift + I根据配置检查当前文件 Ctrl + BackQuote(’)快速切换当前计划 Ctrl + Alt + S 打开设置页
Ctrl + Numpad+/- 展开/折叠代码块(当前位置的:函数,注释等) Ctrl + shift + Numpad+/- 展开/折叠所有代码块 Ctrl + F4 关闭运行的选项卡...Ctrl + Shift + N 跳转到符号 Alt + Right/Left 跳转到下一个、前一个编辑的选项卡(代码文件) Alt + Up/Down跳转到上一个、下一个方法 F12...回到先前的工具窗口 Esc 从工具窗口回到编辑窗口 Shift + Esc 隐藏运行的、最近运行的窗口 Ctrl + Shift + F4 关闭主动运行的选项卡 Ctrl...Ctrl + Alt + B 跳转到实现 Ctrl + Shift + I查看快速定义 Ctrl + Shift + B跳转到类型声明 Ctrl + U跳转到父方法、父类 Ctrl +...Alt + Shift + F添加到最喜欢 Alt + Shift + I根据配置检查当前文件 Ctrl + BackQuote(’)快速切换当前计划 Ctrl + Alt + S 打开设置页
Ctrl + Shift + N 跳转到符号 Alt + Right/Left 跳转到下一个、前一个编辑的选项卡 F12 回到先前的工具窗口 Esc 从工具窗口回到编辑窗口 Shift...+ Esc 隐藏运行的、最近运行的窗口 Ctrl + Shift + F4 关闭主动运行的选项卡 Ctrl + G 查看当前行号、字符号 Ctrl + E 当前文件弹出 Ctrl+Alt...Up/Down跳转到上一个、下一个方法 Ctrl + ]/[跳转到代码块结束、开始 Ctrl + F12弹出文件结构 Ctrl + H类型层次结构 Ctrl + Shift + H方法层次结构...书签开关 Ctrl + Shift + F11书签助记开关 Ctrl + #[0-9]跳转到标识的书签 Shift + F11显示书签 查找/替换类: F3 下一个 Shift + F3...Alt + Shift + F添加到最喜欢 Alt + Shift + I根据配置检查当前文件 Ctrl + BackQuote(’)快速切换当前计划 Ctrl + Alt + S 打开设置页
+ Backspace 删除到字符开始 Ctrl + Numpad+/- 展开折叠代码块 Ctrl + Numpad+ 全部展开 Ctrl + Numpad- 全部折叠 Ctrl + F4 关闭运行的选项卡...Ctrl + Shift + N 跳转到符号 Alt + Right/Left 跳转到下一个、前一个编辑的选项卡 F12 回到先前的工具窗口 Esc 从工具窗口回到编辑窗口 Shift + Esc 隐藏运行的...、最近运行的窗口 Ctrl + Shift + F4 关闭主动运行的选项卡 Ctrl + G 查看当前行号、字符号 Ctrl + E 当前文件弹出 Ctrl+Alt+Left/Right 后退、前进 Ctrl...+ I查看快速定义 Ctrl + Shift + B跳转到类型声明 Ctrl + U跳转到父方法、父类 Alt + Up/Down跳转到上一个、下一个方法 Ctrl + ]/[跳转到代码块结束、开始...最大化编辑开关 Alt + Shift + F添加到最喜欢 Alt + Shift + I根据配置检查当前文件 Ctrl + BackQuote(’)快速切换当前计划 Ctrl + Alt + S 打开设置页
官网——开发文档 Ionic源码信息——项目动态 Ionic Conference App——官方示例 1、创建项目 首先配置好开发环境,若不清楚,请先阅读此文: 【开发指南】(一)Ionic3...: ionic start --help 常用的命令有(不区分大小写): ionic Start ionic Serve ionic Build ionic Emulate ionic Run ionic...ionic cordova run ios 如果是window系统,配好了android环境,可以敲入: ionic cordova run android 其中,注意下cordova和ionic cordova...image.png 2、原生项目配置 用来配置原生项目内容,主要是config.xml文件,最基本是修改id,它作为应用的唯一识别身份,取个不会重复的,如: <widget id="com.flower.binfen...想华丽酷炫的还是简单简洁的,可以选用相应的动画;如想所有平台样式一致,就加个mode: 'ios';想<em>选项卡</em>统一在下面就加个tabsPlacement: 'bottom';不要后退文字,则设backButtonText
Ctrl + Shift + N 跳转到符号 Alt + Right/Left 跳转到下一个、前一个编辑的选项卡 F12 回到先前的工具窗口 Esc 从工具窗口回到编辑窗口 Shift...+ Esc 隐藏运行的、最近运行的窗口 Ctrl + Shift + F4 关闭主动运行的选项卡 Ctrl + G 查看当前行号、字符号 Ctrl + E 当前文件弹出 Ctrl+Alt...Ctrl + Alt + B 跳转到实现 Ctrl + Shift + I查看快速定义 Ctrl + Shift + B跳转到类型声明 Ctrl + U跳转到父方法、父类 Alt + Up/Down...跳转到上一个、下一个方法 Ctrl + ]/[跳转到代码块结束、开始 Ctrl + F12弹出文件结构 Ctrl + H类型层次结构 Ctrl + Shift + H方法层次结构 Ctrl + Alt...最大化编辑开关 Alt + Shift + F添加到最喜欢 Alt + Shift + I根据配置检查当前文件 Ctrl + BackQuote(’)快速切换当前计划 Ctrl + Alt + S 打开设置页
领取专属 10元无门槛券
手把手带您无忧上云