atom 支持微信小程序开发环境

在使用 atom 进行 微信小程序开发 时,atom 无法识别 .wxml 模板文件 和 .wxss 样式文件 语法做代码高亮,也不能使用 emmet 插件进行补全。

支持语法高亮

在 config.cson(用户设置) 里 core 配置下添加 customFileTypes 配置即可支持 .wxml 和 .wxss 的语法高亮

1
2
3
4
5
6
7
8
core:
customFileTypes:
"source.css": [
"wxss"
]
"text.html.mustache": [
"wxml"
]

emmet tab 快捷键支持 .wxml 补全

emmet 要先识别当前文件的语法格式才能做自动拓展,故必须先完成上面步骤让 atom 能识别 wxml 语法才行
在 keymap.cson(用户键盘映射) 中添加如下配置即可

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

参考链接:

http://flight-manual.atom.io/using-atom/sections/basic-customization/#customizing-language-recognition