Atom編輯器擴(kuò)展指南：創(chuàng)建並發(fā)布自己的語法高亮包

Atom編輯器功能強(qiáng)大，但有時(shí)你可能需要一些默認(rèn)情況下未提供的功能，比如針對特定語言的語法高亮。這時(shí)，創(chuàng)建自定義包就顯得尤為重要。本文將指導(dǎo)你創(chuàng)建一個(gè)語法高亮包，並將其發(fā)佈到Atom社區(qū)。

核心要點(diǎn)：

• 通過創(chuàng)建自定義包來擴(kuò)展Atom編輯器的功能，尤其適用於默認(rèn)情況下缺少的功能。
• 在.atom/packages目錄下創(chuàng)建文件夾並添加有效的package.json文件來初始化新的包。
• 對於語法高亮，創(chuàng)建grammars子文件夾，在CSON文件中定義語言規(guī)則，並指定Atom如何識別和高亮顯示語言語法。
• 使用View/Reload功能在Atom中測試你的包，以便立即查看更改並確保功能正常。
• 在GitHub上設(shè)置公共倉庫，然後使用apm publish命令將你的包發(fā)佈到Atom社區(qū)，讓其他開發(fā)者受益。

我們將構(gòu)建什麼？

本文將指導(dǎo)你創(chuàng)建一個(gè)類似於language-scilab的語法高亮包，你可以將其應(yīng)用於你需要的任何語言。我們將學(xué)習(xí)如何初始化一個(gè)新的包，編寫語法高亮規(guī)則，以及如何將你的包發(fā)佈到Atom社區(qū)。

初始化新的Atom包

Atom使用一個(gè)名為.atom的配置文件文件夾來存儲(chǔ)個(gè)人選項(xiàng)和已安裝的包。包位於該文件夾的packages子文件夾中，每個(gè)包都有自己的文件夾。

第一步是創(chuàng)建你的包文件夾，例如language-mylanguage（這是添加語言支持的命名約定）。然後，在該文件夾中創(chuàng)建package.json文件，Atom才能識別並加載它。

以下是一個(gè)language-mylanguage包的package.json文件示例：

{
  "name": "language-mylanguage",
  "version": "0.0.0",
  "description": "Mylanguage language support in Atom",
  "engines": {
    "atom": "*"
  },
  "dependencies": {},
  "repository": {
    "type": "git",
    "url": "https://github.com/JeremyHeleine/language-mylanguage.git"
  },
  "bugs": {
    "url": "https://github.com/JeremyHeleine/language-mylanguage/issues"
  },
  "license": "MIT"
}

關(guān)鍵字段解釋：

• "name": 包名稱。
• "version": 版本號，遵循主版本.次版本.修訂版本的約定，初始版本建議使用0.0.0。
• "description": 包描述。
• "engines": Atom的最低版本要求。
• "dependencies": 包依賴項(xiàng)。
• "repository": 包的GitHub倉庫地址（發(fā)布前可為空）。
• "bugs": 報(bào)告問題的地址。
• "license": 許可證。

創(chuàng)建好package.json文件後，Atom就可以識別你的包了。 你可以使用View/Reload命令強(qiáng)制Atom重新加載包，以便立即看到更改。

創(chuàng)建語法高亮包

在包文件夾中創(chuàng)建grammars子文件夾，並在其中創(chuàng)建以語言名稱命名的CSON文件（例如mylanguage.cson）。這個(gè)文件包含語法高亮規(guī)則。

基本信息

在定義語法規(guī)則之前，需要告訴Atom如何識別你的語言：

{
  "name": "language-mylanguage",
  "version": "0.0.0",
  "description": "Mylanguage language support in Atom",
  "engines": {
    "atom": "*"
  },
  "dependencies": {},
  "repository": {
    "type": "git",
    "url": "https://github.com/JeremyHeleine/language-mylanguage.git"
  },
  "bugs": {
    "url": "https://github.com/JeremyHeleine/language-mylanguage/issues"
  },
  "license": "MIT"
}

• scopeName: 語言標(biāo)識符，用於主題、其他包或配置文件。
• name: 在Atom編輯器底部顯示的語言名稱。
• fileTypes: 語言使用的文件擴(kuò)展名數(shù)組。

語法規(guī)則

所有規(guī)則都必須在patterns數(shù)組中聲明，每個(gè)規(guī)則用{}括起來：

'scopeName': 'source.mylanguage'
'name': 'Mylanguage'
'fileTypes': ['ext1', 'ext2']

匹配語法元素

使用match屬性匹配語法元素，例如匹配數(shù)字：

'scopeName': 'source.mylanguage'
'name': 'Mylanguage'
'fileTypes': ['ext1', 'ext2']

'patterns': [
    {
        # 規(guī)則1
    },
    {
        # 規(guī)則2
    }
]

match使用正則表達(dá)式，name指定樣式類名，遵循一定的命名約定，以便主題能夠正確應(yīng)用樣式。

匹配多個(gè)元素

使用captures屬性匹配多個(gè)元素，例如匹配函數(shù)聲明：

{
    'match': '\b(([0-9]+\.?[0-9]*)|(\.[0-9]+))\b'
    'name': 'constant.numeric.mylanguage'
}

使用begin和end匹配

使用begin和end屬性匹配起始和結(jié)束標(biāo)記，例如匹配單引號字符串：

{
    'match': '\b(function)\s+(\w+)\s*\(.*\)'
    'captures': {
        '1': { 'name': 'keyword.control.mylanguage' },
        '2': { 'name': 'entity.name.function.mylanguage' }
    },
    'name': 'meta.function.mylanguage'
}

你還可以使用beginCaptures和endCaptures捕獲起始和結(jié)束標(biāo)記，以及patterns屬性在匹配的元素內(nèi)部匹配子元素。

發(fā)布Atom包

在發(fā)布包之前，請檢查是否已存在同名包。你需要一個(gè)公共的GitHub倉庫。在package.json文件中更新倉庫地址。

使用apm publish minor命令發(fā)布包（minor、major、patch分別對應(yīng)次要版本、主要版本和補(bǔ)丁版本更新）。這個(gè)命令會(huì)註冊你的包名，增加版本號，創(chuàng)建Git標(biāo)籤並推送更改。

使用apm unpublish name-of-the-package命令取消發(fā)布包。

結(jié)語

本文介紹瞭如何創(chuàng)建和發(fā)布Atom語法高亮包。 Atom的靈活性允許創(chuàng)建各種類型的包，但本文僅限於語法高亮包的創(chuàng)建。 希望本文能幫助你擴(kuò)展Atom編輯器的功能，並與社區(qū)分享你的成果。

常見問題解答 (FAQs)

（此處省略了原文中FAQs部分，因?yàn)樵摬糠謨?nèi)容與上文高度重複，屬於對上文內(nèi)容的總結(jié)和解釋，為了避免冗餘，此處不進(jìn)行重複輸出。）

以上是如何為github開發(fā)一個(gè)軟件包的原子代碼編輯器的詳細(xì)內(nèi)容。更多資訊請關(guān)注PHP中文網(wǎng)其他相關(guān)文章！