Atom中怎么配置小程序文件讓代碼高亮顯示

這篇文章主要介紹Atom中怎么配置小程序文件讓代碼高亮顯示，文中介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們一定要看完！

小程序相關(guān)的文件后綴名是 .wxml, .wxss, .wxs ，可是 Atom 編輯器默認(rèn)不會自動識別這些類型的文件，打開這些文件只能看到反人類的黑白代碼。

一個優(yōu)雅的方案是，通過修改 Atom 的配置，使 Atom 把 .wxml 當(dāng)成 .html, 把 .wxss 當(dāng)成 .css, 把 .wxs 當(dāng)成 .js. 這樣在打開這些類型的文件時就會看到彩色的代碼了。

操作步驟

1、打開 config.cson 配置文件

同時按下快捷鍵 Command + Shift + P 喚起命令面板, 輸入 Application: Open Your Config , 點(diǎn)擊回車鍵 , 將會打開文件 config.cson

2、修改 config.cson 配置文件

在 core 下面添加

customFileTypes:
  'text.html.basic': [
    'wxml'
  ]
  'source.css': [
    'wxss'
  ]
  'source.js': [
    'wxs'
  ]

文件大致結(jié)構(gòu)

"*":
  core:
    customFileTypes:
      'text.html.basic': [
        'wxml'
      ]
      'source.css': [
        'wxss'
      ]
      'source.js': [
        'wxs'
      ]

這個文件中可能還有很多其他的屬性，因?yàn)橛行┎寮詣訉⑴渲眉拥竭@個文件中

配置完成！ 重新打開 .wxml, .wxss, wxs 后綴的文件，將會看到彩色的代碼。

原理

其實(shí)，Atom 并不是把 wxml 文件識別成 html文件，而是用和 html 文件一樣的語法規(guī)則去高亮顯示 wxml 文件中的代碼。text.html.basic, source.css, source.js 就是相應(yīng)的語法規(guī)則名稱，這些名稱可以在 language-xxx 這樣的 Atom 內(nèi)置或第三方的 Package 中找到。

以上是“Atom中怎么配置小程序文件讓代碼高亮顯示”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對大家有幫助，更多相關(guān)知識，歡迎關(guān)注億速云行業(yè)資訊頻道！