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

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

吐槽下自带的开发工具

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

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

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

总结

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

xiaochengxu.jpg