点亮微信小程序代码：Atom 文件高亮秘籍

乍一看，Atom 编辑器似乎不适合处理小程序开发中的那些独特文件后缀名，如 .wxml、.wxss 和 .wxs。但别担心，我们可以通过巧妙地修改 Atom 的配置，让编辑器把这些文件识别为熟悉的 .html 和 .css，甚至可以为 .wxs 文件添加自定义的高亮规则。

1. 把 .wxml 当成 .html

在 Atom 中打开 .wxml 文件，你会看到一团黑白代码，原因是 Atom 无法识别该文件类型。要解决这个问题，我们需要告诉 Atom 把 .wxml 文件当作 .html 文件。

在 Atom 中，打开 设置（Cmd/Ctrl + ,），然后搜索 fileTypes。在 "atom.fileTypes" 选项下，找到 .wxml 对应的行，并将 "source" 值改为 "html"。保存设置后，Atom 就会把 .wxml 文件当作 .html 文件，并使用正确的语法高亮。

2. 把 .wxss 当成 .css

同样的道理，我们也可以让 Atom 把 .wxss 文件当作 .css 文件。在 设置 中，搜索 fileTypes，找到 .wxss 对应的行，并将 "source" 值改为 "css"。保存设置，Atom 就会正确高亮 .wxss 文件。

3. 为 .wxs 文件添加高亮

Atom 默认不提供 .wxs 文件的高亮规则，但我们可以自己添加。在 设置 中，搜索 language-javascript，然后找到 "language-javascript.javascript-javascript" 行。复制此行，将其粘贴到下面，并把 "source" 值改为 "wxs"。

"language-javascript.javascript-wxs": {
    "name": "JavaScript (WXS)",
    "scopeName": "source.js.javascript",
    "fileTypes": [
        "wxs"
    ],
    "keymap": {
        "platform-linux": [],
        "platform-macosx": [],
        "platform-windows": []
    },
    "uuid": "3a9019d5-2c8f-4222-9954-db2c38669120",
    "grammarScopes": [
        "source.js",
        "source.js.javascript"
    ]
},

保存设置，Atom 就会为 .wxs 文件添加高亮规则。

现在，你就可以在 Atom 中愉快地编辑小程序代码了，各种语法高亮功能将帮助你轻松编写出优质代码。