天天看点

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

故事背景

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

    中生成方法体到

    js

    中,使用方法:在

    js

    文件或者

    wxml

    文件中

    cmd+N

    在弹出的列表中选择

    CreateFuncFromWxml

    如图:
    微信小程序WebStorm插件,支持PHPSTORM,WEBSTORM等全部intellij产品
    微信小程序WebStorm插件,支持PHPSTORM,WEBSTORM等全部intellij产品
  2. wxml

    js

    文件快速切换:快捷键默认

    shift+cmd+i

    ,如果不生效的话,在设置里找到快捷键设置,搜

    RelatedWxFiles

    :
    微信小程序WebStorm插件,支持PHPSTORM,WEBSTORM等全部intellij产品
    1. 同步

      wx.d.ts

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

      ctrl+shift+n

    微信小程序WebStorm插件,支持PHPSTORM,WEBSTORM等全部intellij产品
    1. 根据模板创建page,默认根据项目根目录下的

      wxtp

      文件夹下的文件进行复制创建page,在

      pages

      目录

      右键

      ->

      New

      ->

      Wx Page

      ->

      输入page名称

    微信小程序WebStorm插件,支持PHPSTORM,WEBSTORM等全部intellij产品
    1. 也可以通过快捷键

      shift+ctrl+s

      同步插件自带的微信page模板
    2. 通过

      ctrl+cmd+i

      打开当前目录中的文件
    微信小程序WebStorm插件,支持PHPSTORM,WEBSTORM等全部intellij产品

安装

  1. 从本地安装,下载地址
  2. 从intellij插件仓库安装,搜索

    Wxapp

    ,或者到此下载

Github开源地址

  1. wxapp

Todo

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

参考

  1. 这款插件是基于Matchmaker修改而来,要感谢作者的辛苦劳动

欢迎关注我的个人公众号(捯饬捯饬啥)

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