提高一些开发小程序和云函数的效率

一开始开发小程序都是使用微信自带的开发工具,由于起初对小程序不是很熟悉,也没觉得开发效率低,但渐渐熟悉之后发现,用自带的开发工具效率实在太低了。

吐槽下自带的开发工具

主要有两点吧,第一个是可写代码的区域少的可怜。

调试器、模拟区不隐藏的话,编辑区域是屏幕的一半都不到。而且没办法分屏,外接显示屏也派不上用场。

image

另外一个就是智能提示部分了,也是少的可怜。

用惯了宇宙第一神器Visual Studio,编码能力已经退化了,没有提示有时候效率真的比较低。

至于其他的一些小问题其实还好。

推荐使用vscode

现在vscode真的越来越强大了,体验也相当好,推荐使用。简单的装几个插件就可以轻松编写小程序代码了。

首先安装minapp,支持微信小程序标签、属性的智能补全,并且提示中包含文档内容(同时支持原生小程序、mpvue 和 wepy 框架,并提供 snippets)。

image

然后安装wxml,这款插件用于将wxml代码进行高亮显示,并且提供代码格式化的功能,可将代码格式化为较易阅读的样式。

image

有这两个插件其实基本已经够用,其实还有很多基于小程序的插件,看个人喜好和习惯了。

这样双屏也有用武之地了,一个屏利用vscode进行编码,另一个屏用来调试和查看效果(将编辑器隐藏),效率提升很多。

本地调试云函数

有用到云函数的话建议先在本地调试后再上传,效率会高很多,现在云函数上传一次的时间时快时慢,同时在云端调试只能打日志,不能断点调试。

小程序的云函数本质也是nodejs,所以在本地确保有相应的node环境之后,写个简单的调用的test文件就可以进行本地调试了。

举个简单例子,有一个对应的云函数index.js,为了方便直接在对应目录下新建一个test.js文件,如下截图:

image

test.js相关代码如下,简单调用:

const cloud = require('wx-server-sdk')
cloud.init({ secretId: '', secretKey: '', env: '' })

var exports_mode = require('./index.js')
var event = { }
exports_mode.main(event, null)

需要注意的是如果使用到云数据或者云存储的话,需要引用wx-server-sdk,而要初始化该模块需要到腾讯云上申请相应的秘钥。

申请地址:

https://console.cloud.tencent.com/cam/capi

image

最后通过npm install下载对应的依赖,然后就可以直接F5调试啦,可以看到截图已经进入到云函数方法的断点处了。

image

总结

前段时间一直很忙,现在终于可以挤出点时间继续搞我的小程序了,持续分享中。

作者:玄冰
欢迎关注我的微信公众号和博客小程序
欢迎关注我的公众号 欢迎关注我的公众号