小程序开发--开发者工具的插件推荐

news/2024/7/20 4:32:55 标签: 微信小程序, 小程序
写在前面:
用官方的开发者工具真的是,emm不是很好用。加上这些插件可以帮助更加舒服的进行开发。除了wxml,建议其他的都可以安装。
这个开发者工具感觉是嵌套了vscode。安装插件、命令什么的都和vscode一样。
安装步骤:
1.在vscode里面安装插件
2.打开插件目录

在这里插入图片描述

3.安装,这2个选项第一个是全部拷贝过来。第二个是自己选择,推荐第二个按需求安装。
在这里插入图片描述
选择要的插件安装就可以了
在这里插入图片描述

minapp,现已更名为 WXML - Language Service

这个都说好,在vscode里面确实挺好的,不过我移植不到开发者工具,会显示不兼容
在这里插入图片描述

高版本中,不兼容,低版本可以。
经过测试最高2.2.2可以2.3以上不可以兼容。
在这里插入图片描述

在这里插入图片描述

在设置里面还可以设置很多项,如格式化
在这里插入图片描述
在这里插入图片描述

className Completion in wxss and wxml

在这里插入图片描述
用于小程序>微信小程序 wxml 与 wxss 双向类名提示;
wxss 中提示全局样式 page 标签定义的变量;为 wxml 文件增加符号表

wechat-snippet

在这里插入图片描述

json片段:在{}中输入 page,pages,window,tabbar等属性关键字即可提示代码片段模板.

js片段:输入 wx-page,wx-app,wx-request等wx-开头的关键字即可提示代码片段模板.

wxml片段:直接输入组件名称,即可提示代码片段模板. 如,输入 view,可自动生成 view标签及其属性

wxml

这个是格式化的,不过minapp也有
在这里插入图片描述
格式化功能:F1 或者 CMD + Shift + P 输入 format wxml 命令 或者右键菜单,也可以配置 wxmlConfig.onSaveFormat 开启保存后自动格式化
在这里插入图片描述

高亮组件功能

One Monokai Theme主题库

这个是可以直接在开发者工具下的。
在这里插入图片描述

wxss-peek

样式跳转到定义:左键点击可以跳转
在这里插入图片描述

Auto Rename Tag

自动改名,在开发者工具中改了前面是不会改</>后面的,这个可以自动同步改名
在这里插入图片描述

Auto Close Tag

自动关闭标签</
在这里插入图片描述


http://www.niftyadmin.cn/n/172945.html

相关文章

GTC 2023 | 「皮衣刀客」黄仁勋畅谈 AI Top 5,科学计算、生成式 AI、Omniverse 榜上有名

内容一览&#xff1a;北京时间 3 月 21 日 23:00&#xff0c;英伟达创始人兼 CEO 黄仁勋在 GTC 2023 上发表主题演讲&#xff0c;介绍了生成式 AI、元宇宙、大语言模型、云计算等领域最新进展。 关键词&#xff1a;英伟达 黄仁勋 GTC 2023 「Don’t Miss This Defining Momen…

go-zero 基础 -- 进阶指南

版本&#xff1a;1.4.0 1、目录拆分 1.1 系统结构分析 在上文提到的商城系统中&#xff0c;每个系统在对外&#xff08;http&#xff09;提供服务的同时&#xff0c;也会提供数据给其他子系统进行数据访问的接口&#xff08;rpc&#xff09;&#xff0c;因此每个子系统可以拆…

实体商家必看!新风口来了

实体商家必看&#xff01;新风口来了 有一个神奇的咖啡品牌&#xff0c;没花一分钱就吸引了三万多人给他打广告&#xff0c;甚至月销千万。 弄懂秘诀后&#xff0c;我发现实体商家都能这样起飞。 梦龙商业案例分析&#xff0c;带你了解商业背后的秘密 年轻人爱刷抖音&#…

乐观锁和悲观锁 面试题

Mysql的乐观锁和悲观锁 实现方式加锁时机常见的调用方式优势不足适用场景乐观锁开发自定义更新数据的时候sql语句中进行version的判断高并发容易出现不一致的问题高并发读&#xff0c;少写悲观锁Mysql内置查询数据的开始select * for update保证一致性低并发互联网高并发场景极…

IO总结看这里

IO模型 IO读写在用户缓冲区和内核缓冲区交互 1、阻塞IO 阻塞IO在两个阶段都会阻塞等待&#xff1a;数据就绪&#xff0c;数据拷贝&#xff08;内核到用户&#xff09; 执行流程 1、用户调用recvfrom发起系统调用请求内核 2、等待数据就绪&#xff08;没有准备好数据则会阻塞…

Paddlepaddle、Paddle-lite使用

前提:github下载源码编译相关工具 1.模型转换 X2Paddle可以将caffe、tensorflow、onnx模型转换成Paddle支持的模型。目前支持版本为caffe 1.0;tensorflow 1.x,推荐1.4.0;ONNX 1.6.0,OpSet支持 9, 10, 11版本。如果您使用的是PyTorch框架,请先转换为ONNX模型之后再使用X2Pa…

体验 Kubetail

体验 Kubetailgithub 地址安装配置 completion使用 kubetailkubetail 是使你能够将多个pod的日志聚合&#xff08;tail/follow&#xff09;到一个流中的 Bash 脚本。这与运行 “kubectl logs -f” 是一样的&#xff0c;只是针对多个pod。 github 地址 https://github.com/joh…

Java SpringBoot接口,用于代理转发,隐藏真实接口

背景 昨天来了一个活&#xff0c;客户需要远程发送指令给我们的一台服务器控制启动&#xff0c;但是我们并不想直接让他们访问以免暴露接口。这时候就提出来&#xff0c;我中转服务器封装一个接口&#xff0c;隐藏真实接口。简化如下&#xff1a; 假设客户端是A&#xff0c;我…