Geliştirme araçları

Blockly; Git, npm ve Closure Compiler gibi geliştirme için bazı araç ve kitaplıkları kullanır. Bu bölümde, her araçla ilgili temel açıklamalar ve her araç hakkında daha fazla bilgi edebileceğiniz bağlantılar yer almaktadır.

Bu araçların çoğunu komut dosyaları aracılığıyla kullanırız. Bunları doğrudan çalıştırmanız gerekmeyebilir. Adları bilmek, hata ayıklamak veya sorunları ya da özellik isteklerini dosyalamak açısından yine de faydalı olabilir.

Git

Git, dosyalarda yapılan değişiklikleri izlemek ve yönetmek için kullandığımız bir sürüm kontrol sistemidir.

GitHub

GitHub; açık kaynak kodun sürüm kontrolü, ortak çalışması ve dağıtımı için kullanılan bir barındırma platformudur. Git, dosyaları izler. GitHub; kodları incelemek, sorunları izlemek ve değişiklik geçmişini görüntülemek için sorunsuz arayüzler sağlar.

Başlarken: Git ve GitHub'ı kullanmaya yeni başladıysanız GitHub'ın quickstart eğiticilerini inceleyerek temel bilgilere hakim olun.

Düğüm

Node.js, JavaScript'i tarayıcıda (tarayıcı yerine) çalıştırmanın bir yoludur. npm (aşağıya bakın) Düğüm üzerinde çalışır.

npm

npm iki değerdir:

  • Bağımlılıkları yüklemek ve komut dosyalarını çalıştırmak için kullandığımız bir komut satırı aracı.
  • Kodumuzu yayınladığımız ve diğer geliştiricilerin Blockly'yi kullanmalarını kolaylaştıran online bir kayıt otoritesi.

Başlarken: Yükle Düğüm ve npm.

Kapanış Derleyici

Closure Derleyici, JavaScript'in daha hızlı indirilmesini ve çalışmasını sağlayan bir araçtır. Tüm JavaScript dosyalarımızı tek bir kitaplıkta birleştirmek için bunu kullanırız. Ayrıca, bunu söz dizimini ve türleri kontrol etmek için de kullanırız.

Başlarken: Closure Compiler'ı doğrudan yüklemeniz veya çalıştırmanız gerekmez: npm'ye kadar yükleyip çalıştırırız.

Daha fazla bilgi: JavaScript türleri ve tür ek açıklamaları ile ilgili kapanış derleyicisi dokümanları.

ESLint

ESLint, JavaScript koduyla ilgili sorunları bulan statik bir analiz aracıdır. Kod tabanımızda tutarlı bir stil tanımlamak ve uygulamak için bunu kullanırız. Kodla ilgili küçük problemler (eksik noktalı virgüller, tutarsız boşluk vb.) genellikle lint olarak adlandırılır. ESLint, bize bir pull isteği gönderdiğinizde otomatik olarak çalışır. Dosyayı yerel olarak da çalıştırabilirsiniz.

Başlarken: Hem Blockly core hem de bloklu örneklerde ESLint'i npm run lint ile çalıştırabilirsiniz. Birçok kod düzenleyici, sorunları yazarken göstermek için ESLint entegrasyonlarına da sahiptir.

Daha fazla bilgi: Her ESLint kuralının, kuralı açıklayan ve doğru ve yanlış kod örnekleri içeren bir belgeler sayfası vardır.

Moka

Mocha bir JavaScript test çerçevesidir. Tarayıcıda ve Node.js'de (gözetimsiz kullanım alanları için) testler çalıştırmak için bu API'yi kullanırız.

Başlarken: Hem Blockly çekirdek hem de blok halinde örneklerde Mocha testlerimizi npm run test ile çalıştırabilirsiniz. Blockly core'da başka testler de çalıştırır. Blockly Core'un Mocha testleri tests/mocha dizininde tanımlanır.

Daha fazla bilgi: Mocha, geliştiricilerin hook'lar tanımlamasını sağlar. Bu sayede, testleriniz için merkezi kurulum ve söküm işlevleri tanımlayabilirsiniz.

Sütlü Kahve

Chai, Mocha testlerimizde kullandığımız bir onaylama kitaplığıdır.

Daha fazla bilgi: Chai, mevcut projelerle entegrasyonu kolaylaştırmak için birden fazla söz dizimine sahiptir. Blockly, assert türünü kullanır.