VS Code için kendi dilimizin eklentisini yapmak

Bu yazımızda VS Code’a kendi dilimizi tanımlayacağız benim yapmış olduğum bir programlama dili var Eg-Lang adlı bu dili eklemek için birkaç araştırma yaptım ve sonunda kendi dilimi ekledim

Gereksinimler:

Node

Vs code

Visual Studio Code (VS Code) eklentisi yapmak için, öncelikle eklenti oluşturma aracı olan "yo code" veya "vsce" (Visual Studio Code Extension) komutlarını kullanmalısınız. Bu komutlar eklenti projesini oluşturmak için gerekli dosyaları ve klasörleri oluşturur. Daha sonra, "package.json" dosyasını düzenleyerek eklenti hakkında bilgi vermeli ve "main.js" veya "extension.ts" gibi dosyaları düzenleyerek eklenti işlevselliğini eklemelisiniz.

Son olarak, eklentiyi test etmek ve yayımlamak için "vsce" komutunu kullanabilirsiniz. Örnek olarak, aşağıdaki komutlar eklentiyi yayımlar:

1	vsce package
2	vsce publish <version>

Burada, <version> yerine kullanmak istediğiniz sürüm numarasını yazmalısınız.

Not: Detaylı bir eklenti yapımı için Visual Studio Code eklenti geliştirme dokümantasyonunu okumanız önerilir.

Visual Studio Code'da (VS Code) özel bir sözdizimi vurgulayıcı oluşturmak, bir TextMate dil dilbilgisi dosyası (tmLanguage) ve bir TextMate tema dosyası (tmTheme) oluşturmayı içerir. Aşağıdakiler, VS Code'da özel sözdizimi vurgulayıcıları oluşturmak için genel adımlardır: Dil dosyalarınızı depolamak için VS Code Extensions dizininde yeni bir özel klasör oluşturun. JSON biçimini kullanarak yeni bir klasörde bir tmLanguage dosyası oluşturun. Bu dosya, anahtar kelimeler, dizeler ve yorumlar gibi dilin farklı öğelerini eşleştirmek için düzenli ifadeler kullanarak dilinizin gramerini ve sözdizimini tanımlamalıdır .

ile aynı klasörde bir tmTheme dosyası oluşturun

Bu dosya, tmLanguage'da tanımlanan çeşitli dil öğelerinin renklerini ve stillerini belirterek dilinizin renk şemasını tanımlamalıdır. Düzenleyicinin dili anlayabilmesi için fire olayları ve diğer meta veriler package.json dosyasında tanımlanmalıdır. Kendi dilinizdeki VS Code'da, dosyayı açıp sözdizimi vurgulamanın doğru uygulandığını doğrulayarak özel sözdizimi vurgulamayı test edin. VS Code'da özel sözdizimi vurgulama oluşturmanın, VS Code uzantı sisteminde deneyim, normal ifadeler, TextMate dilbilgisi ve JSON veya XML bilgisi gerektirdiğini unutmayın. /p>

Bu teknolojilere aşina değilseniz, VS Code belgelerini okumayı veya bilen birine sormayı faydalı bulabilirsiniz.

Kodlarımız

KOD

{
    "$schema": "https://raw.githubusercontent.com/martinring/tmlanguage/master/
tmlanguage.json",
    "name": "Eg-Lang Programming language",
    "scopeName": ".egl",
    "patterns": [
        {
            "name": "keyword.control.egl",
            "match": "\\b( IF|WHILE|FOR|RETURN|FUN|VAR|END|THEN|ELIF|ELSE)\\b"
        },
        {
            "name": "entity.name.function.member.egl",
            "match": "\\b(PRINT|INPUT|INPUT_INT|RUN|PRINT_RET|TRUE|FALSE|APPEND|LEN|
NULL)\\b"
        },
        {
            "name": "string.quoted.double.example",
            "begin": "\"",
            "end": "\"",
            "patterns": [
                {
                    "name": "constant.character.escape.example",
                    "match": "\\\\."
                }
            ]
        },
        {
            "name": "constant.numeric.egl",
            "match": "-?(0x[0-9a-fA-F]+|[0-9]+(\\.[0-9]+)?)"
        },
        {
            "name": "comment.line.dash.egl",
            "match": "#.*$"
        },
        {
            "name": "variable.other.egl",
            "match": "\\b[_a-zA-Z][_a-zA-Z0-9]*\\b"
        }
    ]
}
        