Webstorm 支持微信小程序开发插件 Wechat mini program support
目录
支持微信小程序插件安装: Wechat mini program support,
插件官方文档
安装方法:
新建页面:
自动生成方法
自动生成元素选择器
快捷跳转4件套
问题
Webstorm完美结合开发者工具的效果图
同时打开webstorm,开发者工具,然后单独把模拟器与调试器拖出来,webstorm代码一改保存,就可以实时看效果与LOG。
然后是小程序页面4件套(wxml,wxss,js,json),用个大点的屏幕,split成3个或者4个小窗口,写css,写结构,写交互都很方便。
支持微信小程序插件安装: Wechat mini program support,
微信小程序语法支持,rpx 单位报错解决。
插件官方文档
Wiki - Gitee.com
安装方法:
File-> Settings->Plugins 选择Marketplace: 输入Wechat ,搜索,然后选择第二个,点击 :Install ,
然后就是等待安装完成 ,apply即可 。
然后rpx显示没红线了:
新建页面:
新目录右键:page或者componet, 直接生成4套件文件
页面添加完成之后会在app.json
中自动注册这个页面。
自动生成方法
在wxml中监听元素的事件,鼠标点击事件名,然后:alt+enter ,可在对应的js文件中创建事件处理函数。
这个选项比较靠后,一开始不习惯,多用几次就习惯了。狗头~~
自动生成元素选择器
快捷键跳转4件套
在register.wxml页面内,ctrl+alt+home 弹出其他当前页面或者 componet的另外3个相关文件,按数字键可跳转。再了不用去左侧文件列表找了。开心!
问题
1.重启之后插件没有了
每次重启之后,插件需要重新安装,原因是版本不兼容,我安装了高版本的webstorm,只能兼容 2022.3
2.插件识别问题
刚开始学小程序时,把扩展名添加到File Type里了:
- 如果已经JavaScript的文件扩展名里有wxs,或者Html的文件扩展名里有wxml,或者Css的文件扩展名里有wxss,插件将无法识别这三种类型的文件。
- 小程序的根目录下的project.config.json文件中必须存在
"compileType": "miniprogram"
才会被插件检测为小程序项目
3.第二种识别问题:提示你没有安装插件
有时候启动的时候,打开着wxml文件上面会提示你没有安装: Wechat mini program support 插件。
这个是webstorm的加载问题,webstorm重启一下就好。webstorm比较吃内存,极可能是我的商务本电脑性能着,内存少的原因。
Webstorm 支持微信小程序开发插件 Wechat mini program support相关推荐
- WebStorm 支持微信小程序的 rpx 单位
webstorm在写微信小程序代码的时候,rpx单位会警告,并且格式化rpx单位与数值之间会有一个空格. 解决方法: 在plugins中搜索wechat mini program support,安装 ...
- 微信公众平台接口调试工具json格式不对怎么搞_微信小程序 开发插件
开发插件 开发插件前,请阅读了解 <小程序插件接入指南> 了解开通流程及开放范围,并开通插件功能.如果未开通插件功能,将无法上传插件. 创建插件项目 插件类型的项目可以在开发者工具中直接创 ...
- 微信小程序开发插件推荐
推荐使用VSCode开发,微信 Web 开发者工具预览 插件推荐 minapp (提供小程序标签.代码块快速生成) Auto Close Tag (自动关闭标签) Auto Rename Tag (自 ...
- 五大微信小程序开发IDE深度评测
微信小程序已经内测有一段时间了,笔者本着好奇加学习的心态写了几个小demo,虽然在MINA框架上并没有遇到太多的坑,但官方开发工具实在不敢恭维. api提示不全,要一个个查api啊,写代码超级慢啊 很 ...
- 五大微信小程序开发IDE深度评测 1
微信小程序已经内测有一段时间了,笔者本着好奇加学习的心态写了几个小demo,虽然在MINA框架上并没有遇到太多的坑,但官方开发工具实在不敢恭维. api提示不全,要一个个查api啊,写代码超级慢啊 很 ...
- 微信小程序开发(Demo),微信公众号开发
> 微信小程序 微信小程序,新的流量入口. 在微信的开发工具上编译小程序的代码.微信web开发者工具. sublime 和 webstorm. 微信小程序开发工具0.7.0版本(下载链接h ...
- PHP开发B2C商城 微信小程序商城系统源码+数据库,轻量级前后端分离的电商系统,支持微信小程序 + H5+ 公众号 + APP
项目介绍 一款轻量级.高性能.前后端分离的电商系统,支持微信小程序 + H5+ 公众号 + APP,前后端源码完全开源,看见及所得,完美支持二次开发,可学习可商用,让您快速搭建个性化独立商城. 完整代 ...
- 可视化微信小程序开发小助手-Troll (VS Code插件)
目录 1.开场白 2.安装 3.主要用法 3.1启动/切换Troll编辑器 3.2编辑视图切换 切换到Troll编辑 切换到文本编辑 3.3图形操作 3.3.1基本图元 3.3.2基础操作 3.4 添 ...
- 微信小程序开发必备的八个插件
wechat-snippet 微信小程序代码辅助,代码片段自动完成 minapp 微信小程序标签.属性的智能补全(同时支持原生小程序.mpvue 和 wepy 框架,并提供 snippets) wxa ...
最新文章
- 国内高校硕博补贴大公开!(某校博士在读已经年薪 25w 了)
- 美团分布式ID生成服务LeafCode
- 基于php语言的 选课系统,基于C语言实现学生选课系统
- Redis分布式快速入门
- 设计模式 - Command
- 2017.3.6~2017.3.7 Harry And Magic Box 思考记录(特别不容易)
- glog 设置日志级别_如何动态改变日志级别
- fileboy v1.9 发布,文件变更监听通知系统
- 汉字一级字库与二级字库
- 软件工程的知识思维导图
- ubantu下安装搜狗输入法
- 色彩的搭配,象征,以及web标准色
- 详解电脑机械硬盘装什么系统好
- 电脑知识:Win10系统优化的7个设置技巧
- 树莓派4B系统烧录——Raspberry Pi Imager
- VS 利用Picture Control的Bitmap属性显示一张图片
- 程序员除了代码,连数字都神神秘秘的
- 爬取中国所有银行官网网址信息
- springBoot 用户头像的修改并及时显示
- 《手机拍照与视频》那点事