Horizon Words Masaüstü Düzenleyicisine IDE Ekleme

[Finrold]

Masaüstü Düzenleyicisi'nde kendi betiklerinizi yazmak için bir IDE'ye ihtiyacınız olacak. Masaüstü Düzenleyicisi, varsayılan harici düzenleyicisi olarak Visual Studio Code'u kullanır. Farklı bir düzenleyici kullanmak istiyorsanız, Masaüstü Düzenleyicisi'ni bu IDE'yi kullanacak şekilde yapılandırmak için Masaüstü Düzenleyicisi'ne üçüncü taraf bir IDE ekleme adımlarını takip edebilirsiniz.

VS Code'u Masaüstü Düzenleyicisine Ekleme​

Bu adımlar, TypeScript betiklerini düzenlemek için Masaüstü Düzenleyicisi'ne Visual Studio Code'un nasıl ekleneceğini gösterir.

VS Code'u yükleyin

1. VS Code sitesine gidin ve Visual Studio Code'dan en son sürümü yükleyin.
2. Dosya yolunu VS Code uygulamasına kopyalayın.

Masaüstü Düzenleyicisini VS Code kullanacak şekilde yapılandırın

1. Masaüstü Düzenleyicisi'nde Komut Dosyaları Paneli açılır menüsünü tıklayın.
   
   
2. Komut Dosyaları paneli görüntülendiğinde Ayarlar simgesini seçin.
   
   
3. Komut Dosyası Ayarları iletişim kutusu açılacaktır.
   
   
4. Harici Düzenleyici'nin sağındaki Seç düğmesine tıklayın. Harici Düzenleyici Seç iletişim kutusu açılacaktır.
5. Dosya yolu bağlantısını Dosya adı alanına yapıştırın ve Aç'ı seçin.
   
   
6. Komut Dosyası Ayarları iletişim kutusunda Uygula'ya tıklayın.

Masaüstü Düzenleyicisi artık harici düzenleyici olarak VS Code ile yapılandırılmış olmalıdır.

Masaüstü Düzenleyicisi'nde yeni bir Meta Horizon Words betiği oluşturun

1. Masaüstü Düzenleyicisi'nde Komut Dosyaları Paneli açılır menüsüne tıklayın.
   
   
2. Komut Dosyaları paneli görüntülendiğinde Yeni komut dosyası oluştur'u seçin.
   
   
3. Yeni betiğiniz için bir ad girin.
   
   
4. Yeni betiğiniz betikler listesinde görünür.
   
   
5. Komut dosyanızın üzerine geldiğinizde menü düğmesi görüntülenir.
   
   
6. Menü butonuna tıklayın.
7. Menüden Harici Düzenleyicide Aç'ı seçin.
   
   

VS Code göründüğünde, yeni betiğiniz düzenlemeye hazırdır. Varsayılan bir sınıf tanımı ve birden fazla ifade içerecektir.

İPUCU:'horizon/core' Komut dosyanızdaki ilk ifade, gerekli Meta Horizon dünyaları modülünü içe aktarır. Metnin herhangi bir yerine tıklayıp ardından F12 tuşuna basarsanız incelemek için görüntüleyebilirsiniz.

Masaüstü Düzenleyicisine üçüncü taraf bir IDE ekleyin

VS Code kullanmıyorsanız yüklü TypeScript sürümünüzün 4.7.4 veya üzeri olduğunu doğrulamanız gerekecektir.

TypeScript'i yapılandırın

TypeScript sürümünüzü kontrol etmek için aşağıdaki komutu girin:

<span> tsc </span><span>-</span><span> v</span><span>;</span>

TypeScript sürümünüzü en son sürüme güncellemek için aşağıdaki komutu girin:

<span> npm install </span><span>-</span><span>g typescript</span>

Masaüstü Düzenleyicisini üçüncü taraf bir IDE kullanacak şekilde yapılandırın

1. Masaüstü Düzenleyicisini çalıştırın.
2. TypeScript kodu içeren bir dünya açın.
3. Masaüstü Düzenleyicisi'nde Komut Dosyaları Paneli açılır menüsünü tıklayın.
   
   
4. Komut Dosyaları paneli görüntülendiğinde Ayarlar simgesini seçin.
   
   
5. Harici Düzenleyici etiketinin yanındaki Seç düğmesini seçin.
   
   
6. IDE'nizin EXE dosyasına gidin.
7. EXE'ye tıklayın ve ardından Aç'a tıklayın.
   
   
8. Uygula'yı seçin.

Bir betiği düzenle

1. Komut dosyası kütüphanenizde bir TypeScript dosyası bulun.
2. Dosyanın yanındaki… menüsünü seçin.
3. Harici Düzenleyicide Aç'ı seçin.
   
   
4. Değişikliklerinizi yapın ve dosyayı harici düzenleyicinizde kaydedin.

Değişikliklerin Horizon'da hemen göründüğüne dikkat edin.

Basit komut dosyası

Aşağıdaki betik, betiği bir Entity'ye eklediğinizde onun rengini kırmızıya ayarlar.

import type { PropsDefinition } from ‘horizon/core’;
import { Color, Component } from ‘horizon/core’;

class ChangeColor extends Component {
  start() {
    this.entity.color.set(new Color(1, 0, 0));
  }
}

Component.register(ChangeColor);

 

[berkant]

Merhaba,

Anlatımınız için teşekkür ederim. Visual Studio Code entegrasyonunu adım adım açıklamanız oldukça faydalı. Üçüncü parti IDE ekleme kısmı da net bir şekilde anlatılmış. Özellikle komut satırıyla TypeScript sürümünün kontrol edilip güncellenmesi konusunda bilgi verilmesi iyi olmuş. Ancak, görsellerin Facebook üzerinden paylaşılmış olması erişimde sorun yaratabilir. Alternatif olarak, görsellerin direkt olarak forumda barındırılması daha pratik olabilirdi. Paylaştığınız basit komut dosyası örneği de yeni başlayanlar için faydalı bir başlangıç noktası.