专栏首页李蔚蓬的专栏小程序 Tip | 文档、环境、开发工具界面与特性

小程序 Tip | 文档、环境、开发工具界面与特性

文档与环境相关

  • 微信开发文档
  • 小程序平台
  • 开放平台的 设置-- 帐号信息中 可以获取微信小程序AppID

新建项目

  • 主要文件 app.js 脚本文件 app.json 配置文件 app.wxss 样式表文件 微信小程序会读取这些文件,并生成小程序实例;

开发工具界面面板

  • Console面板 显示错误信息; 输出信息的调试代码:console.log('onLoad') Console面板中 输入Js代码 也可以 立即执行;
  • Sources面板 用于显示当前项目的脚本文件, 左侧是源文件目录, 中间显示的是选中文件的源代码, 右侧显示的是调试相关按钮及变量的值等信息:
  • 微信小程序框架 会对 脚本文件 进行编译的工作, 所以在 Sources面板中开发者看到的文件 是经过处理之后的 脚本文件, 开发者的代码 被包裹在 define函数中;
  • NetWork面板 用于观察和显示网路请求request和socket的情况; 通过这个面板可以调试网络请求(如请求格式、响应数据的格式、请求状态、用时等信息);

单击某一个请求的item,可以看到请求的详细信息:

  • AppData面板 用于显示当前项目中的具体数据,实时反馈项目数据情况;

可以在AppData面板中编辑数据, 编辑后数据会及时反馈到界面上:

  • Storage面板 用于显示当前项目使用本地存储的情况, 在小程序中可以用wx.setStorage或者wx.setStorageSync将数据保存到手机本地存储中; 如创建的初始项目中, logs页面会将操作日志写到本地存储的logs变量中:
  • Wxml面板 用于帮助开发者查看Wxml转化后的界面。 可以看到 真实的页面结构 以及 结构对应的wxss属性; 同时可以修改wxss属性,在模拟器中实时看到修改的情况;

通过调试模块左上角的选择器, 还可以快速找到页面中组件对应的wxml代码:

代码编辑

  • 方便快捷的文件管理
  • 微信小程序主要有js、json、wxml和wxss这4中格式的文件, 开发工具提供了针对这4种格式文件的编辑器;
  • 对于js文件,有完备的代码补全、提示功能:
  • 编辑器快捷键

参考自《从零开始学微信小程序开发》

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • Android | App内存优化 之 JVM & Android内存管理机制

    计数器的值代表着下一条需要执行的字节码指令,!!! 字节码解释器工作时, 就是通过改变这个计数器的值来选取下一条需要执行的字节码指令,!!!! 分支、循环...

    凌川江雪
  • PHP笔记 | 文件系统

    fileowner:获得文件的所有者 filectime:获取文件的创建时间 filemtime:获取文件的修改时间 fileatime:获取文件的访问时...

    凌川江雪
  • Android | App内存优化 之 内存抖动解决实战

    点击堆转储按钮,(或者直接在图中选中一段图形) 工具会弹出刚刚选中的一段时间内, 内存分配情况的窗口, 阅读时,可以点击下侧表格中右上...

    凌川江雪
  • Veeam 本地备份还原Office356

          Veeam Backup for Microsoft Office 365 使您可以通过Exchange,SharePoint和OneDrive f...

    月缺
  • C语言有参数宏定义与无参数宏定义

    mathor
  • 【眼见为实】自己动手实践理解数据库READ UNCOMMITED && SERIALIZABLE

    撸码那些事
  • Python的内置函数(三十七)、 rstrip()

    Python rstrip() 删除 string 字符串末尾的指定字符(默认为空格).

    于小勇
  • 【眼见为实】自己动手实践理解数据库READ UNCOMMITED && SERIALIZABLE

    我们自己通过Sql语句模拟场景来验证Mysql InnoDB引擎事务各级隔离级别对应封锁协议的工作机制。在开始实践之前我们需要做一些准备工作。

    撸码那些事
  • 使用 VuePress 生成静态文档

    VuePress 由两部分组成:一部分是支持用 Vue 开发主题的极简静态网站生成器,另一个部分是为书写技术文档而优化的默认主题。它的诞生初衷是为了支持 Vue...

    IMWeb前端团队
  • 云之家获A+轮融资 官网启用三拼域名

    12月29日消息,中国移动办公服务商“云之家”对外宣布已获得A+轮融资,投资方为容韬资本。云之家表示,此轮融资完成后将继续加强产品研发与渠道建设力度...

    躲在树上的域小名

扫码关注云+社区

领取腾讯云代金券