美文网首页微信小程序开发前端开发微信相关技术
微信小程序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