天天看點

微信小程式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産品