検索
ホームページテクノロジー周辺機器IT業界Github'のAtom Codeエディターのパッケージを開発する方法

Atom Editor Extension Guide:独自のSyntax Highlighterパッケージを作成して公開する

Atomエディターは強力ですが、特定の言語の構文強調表示など、デフォルトで提供されていない機能が必要になる場合があります。現時点では、カスタムパッケージを作成することが特に重要です。この記事では、パッケージを強調表示する構文を作成し、Atomコミュニティに公開するように導きます。

How To Develop a Package for GitHub's Atom Code Editor

コアポイント:

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

この記事では、必要なあらゆる言語に適用できるに似た構文ハイライターを作成するように導きます。新しいパッケージの初期化、構文の強調表示ルールを作成する方法、およびAtomコミュニティにパッケージを公開する方法を学びます。

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

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

サブフォルダーにあり、各パッケージには独自のフォルダーがあります。

.atom packages

最初のステップは、How To Develop a Package for GitHub's Atom Code Editor などのパッケージフォルダーを作成することです(これは、言語サポートを追加するための命名規則です)。次に、そのフォルダーに

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

language-mylanguage package.json

以下は、How To Develop a Package for GitHub's Atom Code Editor パッケージの

ファイルの例です。

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

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

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

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

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

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

基本情報

文法ルールを定義する前に、あなたの言語を認識する方法を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
  • :Atomエディターの下部に表示される言語名。
  • name
  • :言語で使用されるファイル拡張子配列。
  • fileTypes
  • 文法ルール

すべてのルールは

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

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

構文要素を一致させます
'scopeName': 'source.mylanguage'
'name': 'Mylanguage'
'fileTypes': ['ext1', 'ext2']
一致する数字など、

属性を使用して構文要素を一致させます:

match

正規表現を使用し、
'scopeName': 'source.mylanguage'
'name': 'Mylanguage'
'fileTypes': ['ext1', 'ext2']

'patterns': [
    {
        # 规则1
    },
    {
        # 规则2
    }
]
スタイルクラス名を指定し、特定の命名規則に従って、テーマがスタイルを正しく適用できるようにします。

match複数の要素を一致させますname 一致する関数宣言など、

属性を使用して複数の要素を一致させる:

captures

{
    'match': '\b(([0-9]+\.?[0-9]*)|(\.[0-9]+))\b'
    'name': 'constant.numeric.mylanguage'
}
と一致します

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

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

属性は一致する要素内のサブエレメントを一致させることもできます。
{
    'match': '\b(function)\s+(\w+)\s*\(.*\)'
    'captures': {
        '1': { 'name': 'keyword.control.mylanguage' },
        '2': { 'name': 'entity.name.function.mylanguage' }
    },
    'name': 'meta.function.mylanguage'
}

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

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

ファイルで更新します。

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

package.json、および

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

apm publish minor minormajor

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

結論

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

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

以上がGithub'のAtom Codeエディターのパッケージを開発する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
AWS ECSとLambdaを備えたサーバーレス画像処理パイプラインAWS ECSとLambdaを備えたサーバーレス画像処理パイプラインApr 18, 2025 am 08:28 AM

このチュートリアルは、AWSサービスを使用してサーバーレスイメージ処理パイプラインを構築することをガイドします。 APIゲートウェイ、Lambda関数、S3バケット、およびDynamoDBと対話するECS Fargateクラスターに展開されたnext.jsフロントエンドを作成します。 th

CNCF ARM64パイロット:インパクトと洞察CNCF ARM64パイロット:インパクトと洞察Apr 15, 2025 am 08:27 AM

このパイロットプログラム、CNCF(クラウドネイティブコンピューティングファンデーション)、アンペアコンピューティング、Equinix Metal、およびActuatedのコラボレーションであるCNCF GithubプロジェクトのARM64 CI/CDが合理化されます。 このイニシアチブは、セキュリティの懸念とパフォーマンスリムに対処します

GOでネットワークの脆弱性スキャナーを構築しますGOでネットワークの脆弱性スキャナーを構築しますApr 01, 2025 am 08:27 AM

このGOベースのネットワーク脆弱性スキャナーは、潜在的なセキュリティの弱点を効率的に識別します。 Goの同時機能機能を速度で活用し、サービスの検出と脆弱性のマッチングが含まれます。その能力と倫理を探りましょう

2025年のトップ10のベスト無料バックリンクチェッカーツール2025年のトップ10のベスト無料バックリンクチェッカーツールMar 21, 2025 am 08:28 AM

ウェブサイトの構築は最初のステップに過ぎません:SEOとバックリンクの重要性 ウェブサイトを構築することは、それを貴重なマーケティング資産に変換するための最初のステップにすぎません。検索エンジンでのWebサイトの可視性を向上させ、潜在的な顧客を引き付けるために、SEO最適化を行う必要があります。バックリンクは、ウェブサイトのランキングを改善するための鍵であり、Googleや他の検索エンジンにWebサイトの権限と信頼性を示しています。 すべてのバックリンクが有益であるわけではありません:有害なリンクを特定して回避する すべてのバックリンクが有益であるわけではありません。有害なリンクはあなたのランキングに害を及ぼす可能性があります。優れた無料のバックリンクチェックツールは、ウェブサイトへのリンクのソースを監視し、有害なリンクを思い出させます。さらに、競合他社のリンク戦略を分析し、それらから学ぶこともできます。 無料のバックリンクチェックツール:SEOインテリジェンスオフィサー

See all articles

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

Video Face Swap

Video Face Swap

完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

ホットツール

ZendStudio 13.5.1 Mac

ZendStudio 13.5.1 Mac

強力な PHP 統合開発環境

mPDF

mPDF

mPDF は、UTF-8 でエンコードされた HTML から PDF ファイルを生成できる PHP ライブラリです。オリジナルの作者である Ian Back は、Web サイトから「オンザフライ」で PDF ファイルを出力し、さまざまな言語を処理するために mPDF を作成しました。 HTML2FPDF などのオリジナルのスクリプトよりも遅く、Unicode フォントを使用すると生成されるファイルが大きくなりますが、CSS スタイルなどをサポートし、多くの機能強化が施されています。 RTL (アラビア語とヘブライ語) や CJK (中国語、日本語、韓国語) を含むほぼすべての言語をサポートします。ネストされたブロックレベル要素 (P、DIV など) をサポートします。

AtomエディタMac版ダウンロード

AtomエディタMac版ダウンロード

最も人気のあるオープンソースエディター

VSCode Windows 64 ビットのダウンロード

VSCode Windows 64 ビットのダウンロード

Microsoft によって発売された無料で強力な IDE エディター

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境