微信小程序开发前端开发微信相关技术

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

2018-08-04  本文已影响441人  ysnows

故事背景

作为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
上一篇 下一篇

猜你喜欢

热点阅读