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

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

#小程序 #Intelli插件

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

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

故事背景

作为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元/天 解锁文章

200万优质内容无限畅学
webstorm,phpstorm,intellij idea小程序代码高亮插件
02-05
使用webstorm开发小程序wxml代码高亮提示。webstorm,phpstorm,intellij idea都可使用，小程序代码高亮插件
webstorm微信小程序插件.7z
07-23
将其中的wecharCode.jar 下载下来，然后在webStorm 的 File -> import settings 中导入即可
使用WebStorm代替HBuilder开发微信小程序
m0_64827570的博客
06-20 841
使用WebStorm代替HBuilder开发微信小程序
Webstorm 支持微信小程序开发插件 Wechat mini program support
LlanyW的专栏
06-02 7589
File-> Settings->Plugins 选择Marketplace: 输入Wechat ,搜索，然后选择第二个，点击 ：Install ,新目录右键：page或者componet， 直接生成4套件文件。微信小程序语法支持，rpx 单位报错解决。然后就是等待安装完成 ，apply即可。页面添加完成之后会在。中自动注册这个页面。
前端wxml取后台js变量值_前端系列——微信小程序开发
weixin_39542850的博客
11-20 315
1、微信小程序的注册和微信开发者工具的下载在微信公众平台注册小程序账号，注册时注意小程序和公众号不能使用同一个帐号，登录小程序时，公众号会自动下线。一般账号为邮箱号，所以提前准备俩邮箱号，方便注册。注册号一号进入如下界面：可以完善小程序信息，以及实名认证等，这些都是傻瓜式的操作，懂汉语就行，不知道在哪里就多试试，试试又不怀孕！然后下载你开发的工具：下载完成后安装即可。2、创建项目进入开发工具界面，...
Webstorm小程序语法补丁包
08-23
Webstorm本身是不支持小程序语法的，可以添加补丁包让开发更快捷 点击 File ===> import Settings 选中补丁包（点击下载） 重启即可
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...
jetbrains-wakatime:IntelliJ IDEA，PyCharm，RubyMine，PhpStorm，AppCode，AndroidStudio，Goland，Rider和WebStorm插件可量化您的编码
05-02
支持Jetbrains IDES： ， ， ， ， ， ， ， ， ， 和 。 安装 在您的IDE中，选择Preferences -> Plugins 。 搜索WakaTime 。 单击绿色的“ Install按钮。 重新启动您的IDE。 在“ Tools -> WakaTime API Key...
webstorm下载微信小程序插件_微信小程序视频教程：下载、制作指南
weixin_42551227的博客
12-08 308
很多微信小程序里会有视频，这样的视频可以下载吗？微信小程序视频怎么下载呢？一般来说小程序内的视频是不支持直接下载的。不过，你可以通过手机录屏，将视频录屏下来，保存到本地，这样就方便你线下随时观看。有时候商家也需要在自己的小程序中嵌入视频，希望通过视频的方式，让客户能更了解自己。这就需要你做一个带视频功能的微信小程序了。做法如下：找一个简单的小程序制作工具，如「上线了」sxl.cn，注册账...
uniapp小程序的getsysteminfo_Typecho小程序：Pisces-Mini-Program
weixin_39603397的博客
11-21 260
本文转载：安好屋Pisces-Mini-Programtypecho微信QQ双端小程序：Pisces介绍一款通过uniapp开发的基于Typecho博客的小程序源码(目前仅调试微信小程序，和QQ小程序)，界面采用了简单有美观的ColorUI进行构建，取名双鱼，仅仅因为自己是双鱼座。演示由于小程序需要审核一段时间，所以也打包了h5页面（uniapp果然牛皮），可以作为参考，其中复制的api H5不支...
微信小程序中用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，可以拿来学习一下
微信小程序 在Chrome浏览器上运行以及WebStorm的使用
09-01
主要介绍了微信小程序 在Chrome浏览器上运行以及WebStorm的使用的相关资料,需要的朋友可以参考下
一款在IDEA中为微信小程序注入方法的插件
08-10
这是一款专为微信小程序开发的插件，目前可在 IntelliJ IDEA 中使用。它可以帮你完成重复机械无趣麻烦的绑定方法的过程，自动的将需要新建的方法注入到 js 文件中去。
webstorm下载微信小程序插件_微信小程序中用WebStorm使用LESS
weixin_32268169的博客
02-11 332
前提自己前端不熟悉，很多都需要练习网上找了一个css的demo， 放到微信小程序后，可以运行图片很大，没有弄，加载可能有点慢(不相关的，就不扯了)Less环境Less需要nodejs的npmnodejs的环境这里略了自己百度通过npm install less -g安装好 less(没有用过的，可以理解为 maven的库， gradle库，pods的库)WebStorm的Less使用先关联对应的l...
微信小程序 progress 进度条 内部圆角及内部条渐变色
weixin_40199449的博客
10-09 2194
微信小程序表格 微信小程序progress进度条内部圆角及渐变色 html: <progress percent="80" border-radius='5' stroke-width="5" activeColor='#FE564D'/> css: .wx-progress-inner-bar { border-radius: 8rpx !important; background: linear-gradient(to right, rgb(71, 187, 254,1), rg
WebStorm 开发微信小程序
最新发布
qq_26285567的博客
07-16 331
HBuilderX 的替代方案。
前端开发必备！Intellij IDEA与WebStorm/PHPStorm使用指南
资源摘要信息:"Intellij-IDEA-F2E指南是一份为前端工程师提供的技术指南，涵盖了IntelliJ IDEA、PHPStorm和WebStorm这几款流行的集成开发环境（IDE）在前端开发中的应用。这份指南特别强调了不同IDE各自针对前端开发...
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值