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

这篇具有很好参考价值的文章主要介绍了小程序开发--开发者工具的插件推荐。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

写在前面:
用官方的开发者工具真的是,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

自动关闭标签</
小程序开发--开发者工具的插件推荐文章来源地址https://www.toymoban.com/news/detail-485690.html

到了这里,关于小程序开发--开发者工具的插件推荐的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 微信小程序开发者工具下载

    微信开发者工具下载地址与更新日志 | 微信开放文档 (qq.com) 下载安装好后,软件图标如下图所示。 运行软件如下图所示,这时候就需要使用你的管理员账号扫码登录。 登陆后的界面,如下图所示。可以项目分为两类: 小程序项目、公众号网页项目 。其中,小程序项目又细

    2024年04月23日
    浏览(55)
  • [微信小程序开发者工具] × #initialize

    [微信小程序开发者工具] × #initialize-error: [error] 工具的服务端口已关闭。要使用命令行调用工具,请在下方输入 y 以确认开启,或手动打开工具 - 设置 - 安全设置,将服务端口开启。 从HBuilder运行到微信小程序的时候报错 解决办法: 打开微信开发者工具,选择设置–通用设

    2024年02月11日
    浏览(60)
  • 配置小程序开发者工具及其使用(上)

    本章主要介绍: 如何配置小程序开发工具 开发工具的基本操作使用 如何创建小程序项目和调试代码 配置小程序开发工具是开始进行小程序开发的重要步骤。下面是一个简要的配置指南: 下载小程序开发工具:首先,你需要下载并安装微信小程序开发工具。官方提供了适用

    2024年02月12日
    浏览(33)
  • vscode开发小程序项目并在微信开发者工具运行

    需求:vscode开发uniapp之后在微信开发者工具运行,更改的时候微信开发者也同步更改 创建微信小程序所需插件,在vscode的插件管理里面安装就可以了 1.微信小程序开发工具 2.vscode weapp api 3.vscode wxml 4.vscode wechat 1.创建小程序命令 这里的uniapp-vue是项目名称,不能大写 2.选择un

    2024年02月09日
    浏览(51)
  • 小程序测试之微信开发者工具

    小程序的测试方法有很多种,直接用真实测试机扫码体验版就可以测试,那为什么还要选择使用工具呢? 使用微信开发者工具的优势: 1、相比真机测试,使用工具可以节省资源,大公司感受不到,小公司真的没有那么多测试机过兼容哇哇 2、小程序内部的跳转,有些可能逻

    2023年04月09日
    浏览(36)
  • 【微信小程序】--注册小程序账号&安装开发者工具(一)

    💌 所属专栏:【微信小程序开发教程】 😀 作  者:我是夜阑的狗🐶 🚀 个人简介:一个正在努力学技术的CV工程师,专注基础和实战分享 ,欢迎咨询! 💖 欢迎大家:这里是CSDN,我总结知识的地方,喜欢的话请三连,有问题请私信 😘 😘 😘   大家好,又见面了,

    2024年01月17日
    浏览(94)
  • 快速上手微信小程序(纯原生)基于微信开发者工具+云开发

    最近开发一个小程序。因为体量实在不大,两张表,几个接口。便打算写原生的代码。没有使用uniapp等框架。记录一下一个小程序从搭建到审核发布的那些坑和经验做为学习笔记。 几个网站请收藏 你的小程序需要开发工具: 保姆级传送门 你的小程序需要一个身份证: 微信公

    2024年02月10日
    浏览(54)
  • 微信开发者工具的下载及小程序项目创建

    1.注册并微信扫码登录微信公众平台(微信公众平台) 完成如下所示相关信息(保证所填写信息真实有效,以免后续使用出现不必要的问题) 2.点击“普通小程序开发者工具”,跳转至下图所示页面  3.开发工具的准备 点击“微信开发者工具”,跳转至下图所示页面。选择系

    2024年02月10日
    浏览(55)
  • 小程序-真机上接口无法调通,开发者工具上可以

    近期在对接小程序,在这里记录一下,我们在对接小程序的时候碰到的一些奇奇怪怪的问题。 其中一个问题如下: 真实效果如下图 开发者工具上可以,访问没有人任何问题。 真机上接口无法调通,也没有报错,也没有返回值。 检查自己的小程序服务器域名配置(这个一般

    2024年02月14日
    浏览(38)
  • uniapp支付宝小程序如何在开发者工具启动

    小程序开发者工具安装地址 在uniapp项目根目录下的manifest.json中找到支付宝小程序配置,输入在支付宝中获取的appid 选择HBuilder导航栏的工具-设置-运行配置-支付宝小程序开发者工具路径-选择到小程序开发者工具.exe 运行-运行到小程序模拟器-支付宝小程序开发者工具 运行成功

    2024年02月11日
    浏览(37)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包