微信小程序WebStorm插件，支持PHPSTORM,WEBSTORM等全部intellij产品

最新推荐文章于 2025-10-15 17:03:53 发布
原创 最新推荐文章于 2025-10-15 17:03:53 发布 · 7.7k 阅读 · 2 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#小程序 #Intelli插件

本文介绍了一款适用于IntelliJ IDEA家族（包括PHPSTORM,WEBSTORM等）的微信小程序开发插件，旨在提升开发体验。插件提供功能包括：自动生成方法体、文件间快速切换、同步文件以保持代码提示更新、创建Page模板等。用户可通过本地安装或从插件仓库下载。同时，作者计划不断优化并欢迎社区贡献。" 108910798,7832076,缓存一致性：二次淘汰法与超时策略,"['数据库', '缓存', '数据一致性', '架构师训练营']
故事背景

作为intellij家族的忠实粉丝，就是那种没有intellij就不能写代码那种；怎么能忍受微信小程序官方开发工具呢，所以，就有了这款插件

功能

  1. 从wxml中生成方法体到js中,使用方法：在js文件或者wxml文件中cmd+N在弹出的列表中选择CreateFuncFromWxml如图:

    image

    QQ20180804-104955.mp4

  2. wxml和js文件快速切换：快捷键默认shift+cmd+i,如果不生效的话，在设置里找到快捷键设置，搜RelatedWxFiles:
    image

    1. 同步wx.d.ts文件，用于代码提示，文件内容基于github上的
最低0.47元/天 解锁文章
微信小程序 在Chrome浏览器上运行以及WebStorm的使用
09-01
主要介绍了微信小程序 在Chrome浏览器上运行以及WebStorm的使用的相关资料,需要的朋友可以参考下
webstorm微信小程序插件.7z
07-23
将其中的wecharCode.jar 下载下来，然后在webStorm 的 File -> import settings 中导入即可
webstorm,phpstorm,intellij idea小程序代码高亮插件
02-05
使用webstorm开发小程序wxml代码高亮提示。webstorm,phpstorm,intellij idea都可使用，小程序代码高亮插件
IDEA使用Uniapp Tool插件开发小程序，无需启动HBuilderX亦可完成工作
最新发布
weixin_39676132的博客
10-15 1191
IDEA安装Uniapp Tool插件开发小程序，无需启动HBuilderX亦可完成开发
Webstorm 支持微信小程序开发插件 Wechat mini program support
LlanyW的专栏
06-02 8051
File-> Settings->Plugins 选择Marketplace: 输入Wechat ,搜索，然后选择第二个，点击 ：Install ,新目录右键：page或者componet， 直接生成4套件文件。微信小程序语法支持，rpx 单位报错解决。然后就是等待安装完成 ，apply即可。页面添加完成之后会在。中自动注册这个页面。
WebStorm 开发微信小程序
qq_26285567的博客
07-16 592
HBuilderX 的替代方案。
webstorm+小程序相配合来开发小程序
浩星
06-09 6350
​ webstorm可以安装的一个小程序插件：wechat-miniprogram-plugin，来实现小程序语法的高亮，并识别 rpx 这种小程序专有单位，还可以实现跟开发者工具中一些类似的操作功能
微信小程序intellji插件，支持PHPSTORM,WEBSTORM.zip
09-15
微信小程序的IntelliJ插件是一个实用的工具，它为在IntelliJ IDEA、PHPStorm、WebStorm等集成开发环境中进行微信小程序开发的开发者提供了便利。这款插件集成了微信小程序开发所需的各种功能，使得开发过程更加流畅...
精选资源
open-in-intellij：Google Chrome浏览器的扩展程序，可直接从IntelliJ IDE内部的开发工具中打开资源（WebStorm，PHPStorm等）
01-30
这是Google Chrome浏览器的扩展，可以直接在JetBrains IntelliJ IDE（IntelliJ IDEA，WebStorm，PHPStorm等）内部打开开发工具中的资源（如CSS，SCSS，JS文件）。 安装 从Chrome网上应用店安装扩展程序： 现在，您...
webstorm-code-style:针对于JetBrains产品，用于前端JavaScript代码风格的Scheme，可用于webstorm和 PyCharm,IntelliJ IDEA, PhpStorm等
05-01
针对于JetBrains产品，用于前端JavaScript代码风格的Scheme，可用于webstorm和 PyCharm,IntelliJ IDEA, PhpStorm等 Get Started 1.Clone this 仓库. git clone git@github.com:HuaRongSAO/webstorm-code-style.git 2...
前端wxml取后台js变量值_前端系列——微信小程序开发
weixin_39542850的博客
11-20 331
1、微信小程序的注册和微信开发者工具的下载在微信公众平台注册小程序账号，注册时注意小程序和公众号不能使用同一个帐号，登录小程序时，公众号会自动下线。一般账号为邮箱号，所以提前准备俩邮箱号，方便注册。注册号一号进入如下界面：可以完善小程序信息，以及实名认证等，这些都是傻瓜式的操作，懂汉语就行，不知道在哪里就多试试，试试又不怀孕！然后下载你开发的工具：下载完成后安装即可。2、创建项目进入开发工具界面，...
Webstorm小程序语法补丁包
08-23
Webstorm本身是不支持小程序语法的，可以添加补丁包让开发更快捷 点击 File ===> import Settings 选中补丁包（点击下载） 重启即可
微信小程序中用WebStorm使用LESS
12-12
前提 自己前端不熟悉，很多都需要练习 网上找了一个css的demo， 放到微信小程序后，可以运行 图片很大，没有弄，加载可能有点慢（不相关的，就不扯了） Less环境 Less需要nodejs的npm nodejs的环境这里略了 自己百度 通过 npm install less -g 安装好 less （没有用过的，可以理解为 maven的库， gradle库，pods的库） WebStorm的Less使用 先关联对应的less 当然，对应的wxss文件，在webstorm中的显示， 可以参考自己其他文章 WebStorm：遇到的问题 这里，只要创建less文件，就会自动生成对
webstorm开发微信小程序代码提醒(webstorm开发工具)
03-29
作者：Miaoz0070，来自原文地址  使用了微信提供的开发工具是真心难用，卡顿厉害、中英文切写注释换相当不爽、还没办法多开窗口，相信大家也遇到过这种现象。 下边我们介绍下webstorm来开发微信小程序的一些配置：   1.首先FileType下Cascading Style Sheet 添加*.wxss (此图片来源于网络，如有侵权，请联系删除! )   2.FileType下HTML 添加*.wxml (此图片来源于网络，如有侵权，请联系删除! )   3.将其中的wecharCode.jar下载下来，然后在webStorm 的 File -> import settings 中导入即
小程序插件
05-09
小程序开放插件，本资源是一个密码输入框的插件demo，可以拿来学习一下
一款在IDEA中为微信小程序注入方法的插件
08-10
这是一款专为微信小程序开发的插件，目前可在 IntelliJ IDEA 中使用。它可以帮你完成重复机械无趣麻烦的绑定方法的过程，自动的将需要新建的方法注入到 js 文件中去。
webstorm下载微信小程序插件_微信小程序视频教程：下载、制作指南
weixin_42551227的博客
12-08 324
很多微信小程序里会有视频，这样的视频可以下载吗？微信小程序视频怎么下载呢？一般来说小程序内的视频是不支持直接下载的。不过，你可以通过手机录屏，将视频录屏下来，保存到本地，这样就方便你线下随时观看。有时候商家也需要在自己的小程序中嵌入视频，希望通过视频的方式，让客户能更了解自己。这就需要你做一个带视频功能的微信小程序了。做法如下：找一个简单的小程序制作工具，如「上线了」sxl.cn，注册账...
uniapp小程序的getsysteminfo_Typecho小程序：Pisces-Mini-Program
weixin_39603397的博客
11-21 274
本文转载：安好屋Pisces-Mini-Programtypecho微信QQ双端小程序：Pisces介绍一款通过uniapp开发的基于Typecho博客的小程序源码(目前仅调试微信小程序，和QQ小程序)，界面采用了简单有美观的ColorUI进行构建，取名双鱼，仅仅因为自己是双鱼座。演示由于小程序需要审核一段时间，所以也打包了h5页面（uniapp果然牛皮），可以作为参考，其中复制的api H5不支...
webstorm下载微信小程序插件_微信小程序中用WebStorm使用LESS
weixin_32268169的博客
02-11 363
前提自己前端不熟悉，很多都需要练习网上找了一个css的demo， 放到微信小程序后，可以运行图片很大，没有弄，加载可能有点慢(不相关的，就不扯了)Less环境Less需要nodejs的npmnodejs的环境这里略了自己百度通过npm install less -g安装好 less(没有用过的，可以理解为 maven的库， gradle库，pods的库)WebStorm的Less使用先关联对应的l...
WebStorm 插件新增样式组件支持 强化编辑器体验
首先，插件支持多种JetBrains开发的IDE，包括WebStorm, IntelliJ IDEA Ultimate, PhpStorm, PyCharm Pro和RubyMine，前提是版本不低于2017.2。安装过程非常直观，用户只需打开“IDE Preferences | Plugins ...
评论 3
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值