Configuring Atom for WeChat Application Development

Atom is a great plain text editor for coding.

If any reader of this article is not familiar with WeChat App, visit https://mp.weixin.qq.com/debug/wxadoc/introduction/index.html.

Since WeChat group is kind of ambitious, they "invented" some new syntax with file extensions as .wxml and .wxss which confuse Atom.

With reference to [atom 支持微信小程序开发环境]http://www.wxapp-union.com/portal.php?mod=view&aid=1903, I configured my Atom editor to support WeChat App development.

Let Atom Recognize wxml and wxss

Menu: Atom - Config..

core:
    customFileTypes:
      'text.html.mustache': [
        'wxml'
      ]
      'source.css': [
        'wxss'
      ]

Code Complete with Emmet Tab

Menu: Atom - Keymap..

'atom-text-editor[data-grammar="text html mustache"]:not([mini])':
    'tab': 'emmet:expand-abbreviation-with-tab'

* cached version, generated at 2019-06-22 11:53:18 UTC.

Subscribe by RSS