Atom Editor Extension Guide：獨(dú)自のSyntax Highlighterパッケージを作成して公開する

Atomエディターは強(qiáng)力ですが、特定の言語の構(gòu)文強(qiáng)調(diào)表示など、デフォルトで提供されていない機(jī)能が必要になる場合があります?，F(xiàn)時點(diǎn)では、カスタムパッケージを作成することが特に重要です。この記事では、パッケージを強(qiáng)調(diào)表示する構(gòu)文を作成し、Atomコミュニティに公開するように導(dǎo)きます。

コアポイント：

特にデフォルトで欠落している機(jī)能については、カスタムパッケージを作成することにより、Atomエディターの機(jī)能を拡張します。
ディレクトリにフォルダーを作成し、新しいパッケージを初期化するために有効な
• ファイルを追加します。 .atom/packages package.json構(gòu)文の強(qiáng)調(diào)表示の場合、
• grammars関數(shù)を使用してAtomでパッケージをテストして、変更をすぐに表示し、機(jī)能が機(jī)能していることを確認(rèn)します。
• githubにパブリックリポジトリを設(shè)定し、View/Reloadコマンドを使用してパッケージをAtomコミュニティに公開して、他の開発者に利益をもたらします。
• apm publish
何を構(gòu)築しますか？

この記事では、必要なあらゆる言語に適用できるに似た構(gòu)文ハイライターを作成するように導(dǎo)きます。新しいパッケージの初期化、構(gòu)文の強(qiáng)調(diào)表示ルールを作成する方法、およびAtomコミュニティにパッケージを公開する方法を?qū)Wびます。

language-scilab新しい原子パッケージを初期化

ATOMは、と呼ばれる構(gòu)成ファイルフォルダーを使用して、個人オプションとインストールされたパッケージを保存します。パッケージは、このフォルダーの

サブフォルダーにあり、各パッケージには獨(dú)自のフォルダーがあります。

.atom packages

最初のステップは、などのパッケージフォルダーを作成することです（これは、言語サポートを追加するための命名規(guī)則です）。次に、そのフォルダーに

ファイルを作成すると、Atomはそれを認(rèn)識してロードできます。

language-mylanguage package.json

以下は、パッケージの

ファイルの例です。

language-mylanguageキーフィールドの説明：package.json

• "name"：パッケージ名。
• "version"：主要なバージョン、マイナー、改訂版のコンベンションに続くバージョン番號。 0.0.0
• ：パッケージの説明。 "description"
• ：原子最小バージョン要件。 "engines"
• ：パッケージ依存関係。 "dependencies"
• ：パッケージのgithubリポジトリアドレス（リリース前に空にすることができます）。 "repository"
• ：問題を報告するアドレス。 "bugs"
• ：ライセンス。 "license"

ファイルを作成した後、Atomはパッケージを認(rèn)識できます。 package.jsonコマンドを使用して、Atomを強(qiáng)制的にパッケージにリロードさせて、変更がすぐに表示されるようにすることができます。 View/Reload

Syntax Highlighterパッケージを作成します

パッケージフォルダーにa

サブフォルダーを作成し、言語名にちなんで名付けられたCSONファイルを作成します（たとえば、grammars）。このファイルには、構(gòu)文の強(qiáng)調(diào)表示ルールが含まれています。 mylanguage.cson

基本情報

文法ルールを定義する前に、あなたの言語を認(rèn)識する方法を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"
}

：トピック、その他のパッケージ、または構(gòu)成ファイルに使用される言語識別子。
• scopeName
：Atomエディターの下部に表示される言語名。
• name
：言語で使用されるファイル拡張子配列。
• fileTypes
文法ルール

すべてのルールは

配列で宣言する必要があります。各ルールは

：patternsに囲まれています。 {}

構(gòu)文要素を一致させます

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

一致する數(shù)字など、

屬性を使用して構(gòu)文要素を一致させます：

match

正規(guī)表現(xiàn)を使用し、

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

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

スタイルクラス名を指定し、特定の命名規(guī)則に従って、テーマがスタイルを正しく適用できるようにします。

match複數(shù)の要素を一致させますname 一致する関數(shù)宣言など、

屬性を使用して複數(shù)の要素を一致させる：

capturesと

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

と一致します

単一の引用文字列の一致など、beginおよびendプロパティを使用して、開始タグとエンドタグを一致させます：

>beginおよびendを使用して、開始タグとエンドタグをキャプチャすることもでき、

屬性は一致する要素內(nèi)のサブエレメントを一致させることもできます。

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

beginCapturesアトムパッケージをリリースendCapturespatterns

公開する前に、同じ名前のパッケージが既に存在するかどうかを確認(rèn)してください。パブリックGithubリポジトリが必要です。リポジトリアドレスを

ファイルで更新します。

コマンドを使用して、それぞれマイナーバージョン、メジャーバージョン、およびパッチバージョンを更新します）をパッケージ（それぞれ

、package.json、および

）を公開します。このコマンドは、パッケージ名を登録し、バージョン番號を追加し、gitタグを作成し、変更をプッシュします。

apm publish minor minormajor

apm unpublish name-of-the-packageコマンドを使用して、リリースパッケージをキャンセルします。

結(jié)論

この記事では、Atom Syntaxの強(qiáng)調(diào)表示パッケージを作成および公開する方法について説明します。 Atomの柔軟性により、さまざまな種類のパッケージを作成できますが、この記事は構(gòu)文強(qiáng)調(diào)表示パッケージの作成に限定されています。 この記事がAtomエディターの機(jī)能を拡大し、結(jié)果をコミュニティと共有するのに役立つことを願っています。

FAQ（FAQ）（元のテキストのFAQパーツはここで省略されています。この部分の內(nèi)容は上記から非常に反復(fù)的であるため、上記のコンテンツの要約と説明です。冗長性を回避するために、繰り返し出力は実行されませんこちら。）

以上がGithub＆＃x27;のAtom Codeエディターのパッケージを開発する方法の詳細(xì)內(nèi)容です。詳細(xì)については、PHP 中國語 Web サイトの他の関連記事を參照してください。