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

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 支持微信小程序开发环境], I configured my Atom editor to support WeChat App development.

Let Atom Recognize wxml and wxss

Menu: Atom - Config..

      'text.html.mustache': [
      'source.css': [

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