使用vscode开发微信小程序

本文介绍了使用Visual Studio Code(VSCode)提升微信小程序开发效率的方法。作者指出微信开发者工具的不足,如编译器界面不合理、代码提示有限、无高亮等问题,然后推荐了VSCode,并列举了几个关键插件,如小程序助手、minapp、vscode wxml和wechat-snippet,这些插件能提供代码高亮、提示和格式化功能,使在VSCode中开发微信小程序体验更佳。
摘要由CSDN通过智能技术生成

提高微信小程序的开发效率

前言:

近期开始学习微信小程序,用了自带的开发者工具,泪目~
一天的使用下来感受如下:

  • 一个编译器由模拟器 +调试器+调试器 三者组成, 代码便写区域太小强迫症患者难以忍受!!!
  • 代码提示少的可怜,一切代码靠手打…
  • 代码没有相对应的高亮,阅读难度大
  • 微信开发者工具出现莫名的卡顿,经常重启让人十分懊恼
  • 等等等~~~~~~

原始的界面工具

在这里插入图片描述

所以在这像各位安利一款编辑工具 : Visual Studio Code (vscode)

首先了解小程序的构成

  • js
  • json
  • wxml
  • wxss

这边不难看出来wxml 映射html ,wxss映射css

所以只要安装相对应的插件,即可以使得代码像书写html 代码一样得心应手 (狗头滑稽.jpg)

废话不多说,上截图演示 上插件 =-=
小程序助手

  • 让vscode 提供对 .wxss .wxml 文件后缀的支持
  • 28
    点赞
  • 139
    收藏
    觉得还不错? 一键收藏
  • 13
    评论
评论 13
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值