Atom中如果配置小程式文件，讓程式碼高亮顯示！

本篇文章跟大家介紹一下Atom配置微信小程式檔案程式碼高亮的方法。有一定的參考價值，有需要的朋友可以參考一下，希望對大家有幫助。

小程式相關的檔案後綴名是.wxml, .wxss, .wxs ，可是Atom 編輯器預設不會自動辨識這些類型的文件，開啟這些文件只能看到反人類的黑白代碼。

一個優雅的方案是，透過修改Atom 的配置，讓Atom 把.wxml 當成.html, 把.wxss 當成.css, 把.wxs 當成.js. 這樣在開啟這些類型的檔案時就會看到彩色的程式碼了。 【相關推薦：《atom教學》】

操作步驟

1、開啟config.cson設定檔

同時按下快速鍵Command Shift P 喚起命令面板, 輸入Application: Open Your Config , 點選回車鍵 , 將會開啟檔案config.cson

##2、修改config.cson 設定檔

在

core 下面加入

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

檔案大致結構

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

這個檔案中可能還有很多其他的屬性，因為有些外掛程式會自動將配置加到這個檔案中

配置完成！重新開啟

.wxml, .wxss, wxs 後綴的文件，將會看到彩色的程式碼。

原理

其實，Atom 並不是把

wxml 文件識別成html文件，而是用和html 檔案一樣的語法規則去高亮顯示wxml 檔案中的程式碼。 text.html.basic, source.css, source.js 是對應的語法規則名稱，這些名稱可以在language-xxx 這樣的Atom 內建或第三方的Package 中找到。

更多程式相關知識，請造訪：

程式設計入門！ ！

以上是Atom中如果配置小程式文件，讓程式碼高亮顯示！的詳細內容。更多資訊請關注PHP中文網其他相關文章！