专栏首页Bug生活2048提高一些开发小程序和云函数的效率

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

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

吐槽下自带的开发工具

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

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

截图1

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

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

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

推荐使用vscode

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

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

截图2

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

截图3

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

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

本地调试云函数

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

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

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

截图4

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

截图5

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

截图6

总结

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

本文分享自微信公众号 - Bug生活2048(BugLife2048),作者:Bug2048

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2019-03-25

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

我来说两句

0 条评论
登录 后参与评论

相关文章

  • [mini-blog]第一次部署过程中的问题点总结(最近很多人在问)

    接着进行配置,配置包含两部分,小程序端和云函数端。「这两部分是独立的,可以理解为前后端了」

    Bug生活2048
  • QQ小程序终于支持云开发了,但跟想象的有点差距

    抱着试一试的心理马上下载了IDE去体验下,原以为和微信小程序差不多,可事实简陋了很多。

    Bug生活2048
  • [mini-blog]基于云开发的博客小程序使用教程

    nodejs环境「云开发&调试需要使用到nodejs环境」,若第一次进行安装,可自行google安装教程

    Bug生活2048
  • 破解无限 debugger

    这几天碰到了一个网站,打开 F12 直接 debugger ,点击下一步,一直 debugger什么都做不了。

    andrew_a
  • MIT团队新机器学习算法可以使医学图像扫描速度提高1000倍

    医学图像配准是一种常用技术,它涉及将磁共振成像(MRI)扫描等两个图像进行叠加,以便详细比较和分析解剖差异。例如,如果患者患有脑瘤,医生可以将几个月前的脑扫描与...

    AiTechYun
  • Matlab基本语法8

    程序调试和编程技巧 在编写matlab程序时,难免会出现错误,这时就需要对程序进行调试。matlab中,m文件调试主要有两种方法:直接调试法和工具调试法。 拼写...

    瓜大三哥
  • JMeter接口压测——ServerAgent监控服务端性能指标

    ServerAgent作为一个服务端性能监控插件,结合JMeter自身插件PerfMon可以实现JMeter压测的图形化实时监控,具有良好的实用性。下面讲解一个...

    互联网金融打杂
  • Carbondata源码系列(二)文件格式详解

    在上一章当中,写了文件的生成过程。这一章主要讲解文件格式(V3版本)的具体细节。 1、字典文件格式详解 字典文件的作用是在存储的时候将字符串等类型转换为int类...

    岑玉海
  • 微信小程序接口全解析!从官方 Demo 了解小程序的能力

    知晓君
  • 出国旅游语言不通?这款小程序,实时给你当翻译 | 亲儿子 #7

    随着微信团队的不断努力,小程序也变得日益完善。小程序以其方便的使用条件、更低的开发门槛吸引了很多人。

    知晓君

扫码关注云+社区

领取腾讯云代金券