`
wx1569020408
  • 浏览: 26813 次
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论

微信小程序(二):注意点和快捷键

 
阅读更多

本文基于微信小程序公测版,IDE:微信开发者工具 0.10.102800

注意点

1. 微信小程序官方给出的定义是: 微信小程序是一种不需要下载安装即可使用的应用,它实现了应用“触手可及”的梦想,用户扫一扫或搜一下即可打开应用。其实他更像一个WEB APP,用户可以像打开一个网页一样打开一个微信小程序。所以,微信对小程序的要求是整体大小不能超过1MB。 2. .json 是配置文件,其内容必须符合JSON格式,所以文件内部不允许有注释。 3. app.json 是全局配置文件,微信小程序中的每一个页面的【路径+页面名】都需要写在 app.json 的 pages 中,且 pages 中的第一个页面是小程序的首页 4. .wxss 文件是样式表文件,app.wxss是全局的样式表文件。页面的样式表是非必要的。当有页面样式表时,页面的样式表中的样式规则会层叠覆盖 app.wxss 中的样式规则。如果不指定页面的样式表,也可以在页面的结构文件中直接使用 app.wxss 中指定的样式规则。 .json 文件具有相同的规则。 5. 每一个页面的路径名和文件名必须相同。 6. tabBar(客户端窗口的底部用于切换页面的tab栏)在 app.json 文件中配置,只能配置最少2个、最多5个 tab,显示顺序同tabBar标签下的pei 7. tabBar 的 iconPath 和 selectedIconPath 属性可以接受一个图片的路径,这个图片必须是本地图片不能是网络图片。 8. 像素单位最好使用 rpx ,微信会根据手机屏幕大小自适应。 9. 微信小程序存放资源文件,需要在根目录下创建文件夹,引用时以 /文件夹名/资源名 的形式引用。 10. 一个应用同时只能打开5个页面。wx.navigateTo 打开页面不会销毁之前的页面,如果页面层数较多注意使用 wx.redirectTo。


快捷键

格式调整 - Ctrl+S:保存文件 - Ctrl+[, Ctrl+]:代码行缩进 - Ctrl+Shift+[, Ctrl+Shift+]:折叠打开代码块 - Ctrl+C Ctrl+V:复制粘贴,如果没有选中任何文字则复制粘贴一行 - Shift+Alt+F:代码格式化 - Alt+Up,Alt+Down:上下移动一行 - Shift+Alt+Up,Shift+Alt+Down:向上向下复制一行 - Ctrl+Shift+Enter:在当前行上方插入一行

光标相关 - Ctrl+End:移动到文件结尾 - Ctrl+Home:移动到文件开头 - Ctrl+i:选中当前行 - Shift+End:选择从光标到行尾 - Shift+Home:选择从行首到光标处 - Ctrl+Shift+L:选中所有匹配 - Ctrl+D:选中匹配 - Ctrl+U:光标回退

界面相关 - Ctrl + \:隐藏侧边栏 - Ctrl + m: 打开或者隐藏模拟器

转载于:https://my.oschina.net/shareExperience/blog/791535

分享到:
评论

相关推荐

    微信小程序 开发工具快捷键整理

    微信小程序 微信开发者工具 快捷键,最近学习研究微信小程序,用了不少快捷键,索性记录下来,后续如果有其它的快捷键继续增加, 微信小程序已经跑起来了.快捷键设置找了好久没找到,完全凭感觉.图贴出来.大家看看. ...

    一款在IDEA中为微信小程序注入方法的插件

    2. **生命周期管理**:微信小程序的页面和组件都有各自的生命周期,开发者需要了解如 `onLoad`、`onShow`、`onHide` 等生命周期函数,以便在合适的时机进行数据加载和操作。 3. **数据绑定**:WXML 与 JS 的通信...

    carnumber_input_微信小程序_车牌_

    总的来说,"carnumber_input_微信小程序_车牌_"项目涉及到了微信小程序的开发、自定义组件创建、用户体验优化、数据处理等多个方面,是微信小程序开发中一个典型的案例,对于学习和掌握微信小程序开发具有很好的参考...

    微信小程序 代码提示插件

    本文将深入探讨微信小程序代码提示插件的相关知识点。 1. **代码提示插件的作用** 代码提示插件,也被称为代码补全或智能感知工具,可以在开发者编写代码时提供实时的语法提示。它们能够根据上下文自动填充可能的...

    微信小程序页面快速开发工具

    在JavaScript开发微信小程序的过程中,这样的工具至关重要,因为它可以解决许多手动配置和调试带来的问题。 首先,我们来了解一下WEPT的核心功能。它通常包括以下几点: 1. **代码编辑器**:WEPT提供了集成的代码...

    微信小程序demo:基于微信小程序开发的移动商城

    微信小程序是一种轻量级的应用开发平台,由腾讯公司推出,主要针对移动端的场景设计,旨在为用户提供便捷的服务和丰富的互动体验。"微信小程序demo:基于微信小程序开发的移动商城"是一个示例项目,展示了如何利用...

    微信小程序开发助手forVSCode代码提示语法高亮

    对于微信小程序来说,这意味着当开发者在编写JavaScript、WXML(微信小程序的结构层语言)和WXSS(微信小程序的样式层语言)时,可以得到智能的代码补全建议。这不仅节省了时间,也减少了因人为疏忽导致的错误。 ...

    微信小程序的vim插件

    微信小程序是一种轻量级的应用开发框架,由腾讯公司推出,主要应用于移动端,提供了一套基于JavaScript、WXML(微信小程序标记语言)和WXSS(微信小程序样式语言)的开发工具链。Vim作为一款功能强大的文本编辑器,...

    微信小程序-小牛商城 微信小程序

    小牛商城 微信小程序版 开发6个小时,中途被微信ide搞懵逼了。 截图 总结 彻底没有dom的概念,整体框架规范与格式与vue几乎一个轮子 使用时间长了,得杀掉IDE重启下。猜测是修改app.json导致什么事件重复监听导致...

    这是一个Sublime的插件, 用来开发<微信小程序>wxapp-master.zip

    微信小程序作为腾讯推出的一种轻量级应用开发平台,为企业和个人开发者提供了构建原生应用体验的便捷途径。而Sublime Text是一款深受开发者喜爱的代码编辑器,它以其高性能、丰富的插件生态系统以及自定义性强的特点...

    微信小程序使用sublime text插件开发详细教程weapp-snippet-for-sublime-text-2-3-master.zip

    它提供了丰富的预定义代码片段,覆盖了微信小程序的常用组件、样式和API,让开发者能够更专注于业务逻辑,而不是基础语法。同时,自定义snippet功能允许开发者根据个人习惯和项目需求进行个性化定制,进一步提升开发...

    微信小程序开发工具---常用快捷键

    微信小程序代码编辑快捷键   常用快捷键 格式调整 Ctrl+S:保存文件 Ctrl+[, Ctrl+]:代码行缩进 Ctrl+Shift+[, Ctrl+Shift+]:折叠打开代码块 Ctrl+C Ctrl+V:复制粘贴,如果没有选中任何文字则复制粘贴一行 ...

    微信小程序uni-shop

    在开发过程中,需要注意微信小程序的特定规范和限制,例如数据绑定、网络请求、页面跳转等,这些都需要遵循微信小程序的开发规则。同时,uni-app提供的组件和API可以帮助开发者更便捷地实现功能,比如uniShop模块...

    微信小程序格式化以及高亮组件wxml-vscode-master.zip

    微信小程序是一种轻量级的应用开发框架,由腾讯公司推出,主要应用于移动端,为用户提供便捷的交互体验和丰富的功能。在微信小程序的开发过程中,我们通常会接触到两种主要的文件类型:WXML(WeiXin Markup Language...

    开发微信小程序必备插件

    ### 开发微信小程序必备插件 在当今移动互联网时代,微信小程序因其便捷高效的应用体验而备受用户喜爱。对于开发者而言,选择合适的开发工具与插件能够显著提高开发效率与质量。本文将详细介绍几款适用于VS Code...

    PC微信多开程序

    此外,"PC微信多开程序"可能还包含了隐藏和退出的特殊功能。隐藏功能允许用户将微信窗口最小化到系统托盘,这样可以避免在工作时被聊天窗口打扰,提高工作效率。退出功能则允许用户彻底关闭某个或所有微信实例,而...

    微信小程序如何刷新当前界面的实现方法

    在微信小程序的开发过程中,有时我们需要在执行某些操作后刷新当前界面以展示最新的数据。本篇文章将详细介绍三种在微信小程序中刷新当前界面的方法。 **方法一:重新加载页面(this.onLoad())** 在页面的数据...

    微信小程序sublime插件tc-weapp-snippets-master

    微信小程序Sublime插件`tc-weapp-snippets-master`是一个为开发者提供便利的代码片段工具,主要用于提升在Sublime Text编辑器中编写微信小程序代码的效率。Sublime Text是一款广泛使用的代码编辑器,以其高性能、...

Global site tag (gtag.js) - Google Analytics