美文网首页微信小程序开发前端开发微信相关技术
微信小程序WebStorm插件,支持PHPSTORM,WEBST

微信小程序WebStorm插件,支持PHPSTORM,WEBST

作者: ysnows | 来源:发表于2018-08-04 11:07 被阅读441次

故事背景

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

功能
  1. wxml中生成方法体到js中,使用方法:在js文件或者wxml文件中cmd+N在弹出的列表中选择CreateFuncFromWxml如图:
image QQ20180804-104955.mp4
  1. wxmljs文件快速切换:快捷键默认shift+cmd+i,如果不生效的话,在设置里找到快捷键设置,搜RelatedWxFiles:

    image
  2. 同步wx.d.ts文件,用于代码提示,文件内容基于github上的wx.d.ts,但是本码农会持续更新,为了访问速度,放到了oschina上微信小程序API;快捷键ctrl+shift+n

QQ20180806-103511.mp4
  1. 根据模板创建page,默认根据项目根目录下的wxtp文件夹下的文件进行复制创建page,在pages目录右键->New->Wx Page->输入page名称

    image
  2. 也可以通过快捷键shift+ctrl+s同步插件自带的微信page模板

  3. 通过ctrl+cmd+i打开当前目录中的文件

    image

安装

  1. 从本地安装,下载地址
  2. 从intellij插件仓库安装,搜索 Wxapp,或者到此下载

Github开源地址

  1. wxapp

Todo

  1. 后续将不断优化体验以及开发新功能,希望广大码农提出建设性的意见,或者直接贡献代码^^

参考

  1. 这款插件是基于Matchmaker修改而来,要感谢作者的辛苦劳动
我的微信号(houloumengduan)
image
给我打赏^^
image

相关文章

网友评论

  • wilbur_oo:phpstorm插件仓库搜不到
    ysnows:@wilbur_oo 审核还没过~可以去github下载
  • 韦弦Zhy:没有需要生成的方法
    ysnows:@韦弦Zhy 目录结构截个图我看下?
    韦弦Zhy:@ysnows 就加了一个bindtap啥其他代码都没有
    ysnows:wxml的代码贴下,我看看?

本文标题:微信小程序WebStorm插件,支持PHPSTORM,WEBST

本文链接:https://www.haomeiwen.com/subject/ouopvftx.html