Công cụ phát triển

Blockly sử dụng một số công cụ và thư viện cho hoạt động phát triển, bao gồm Git, npm và đóng Trình biên dịch. Phần này sẽ cung cấp một số nội dung mô tả cơ bản về từng công cụ, cũng như các đường liên kết đến nơi bạn có thể tìm thêm thông tin về từng công cụ.

Chúng tôi sử dụng nhiều công cụ trong số này thông qua tập lệnh. Bạn có thể không cần chạy trực tiếp các lớp này. Việc biết tên này vẫn có thể hữu ích khi gỡ lỗi hoặc gửi vấn đề hay yêu cầu tính năng.

Git

Git là một hệ thống quản lý phiên bản mà chúng tôi dùng để theo dõi và quản lý các thay đổi đối với tệp.

GitHub

GitHub là một nền tảng lưu trữ để quản lý phiên bản, cộng tác và phân phối mã nguồn mở. Git theo dõi các tệp; GitHub cung cấp giao diện mượt mà để xem xét mã, theo dõi các vấn đề và xem nhật ký thay đổi.

Làm quen: Nếu bạn mới sử dụng Git và GitHub, hãy xem qua các hướng dẫn quickstart của GitHub để làm quen với các kiến thức cơ bản.

Nút

Node.js là một cách để chạy JavaScript trên máy chủ (thay vì trong trình duyệt). npm (xem bên dưới) chạy trên Nút.

không khí/phút

npm là hai yếu tố:

  • Công cụ dòng lệnh mà chúng tôi dùng để cài đặt các phần phụ thuộc và chạy tập lệnh.
  • Một tổ chức quản lý tên miền trực tuyến nơi chúng tôi xuất bản mã của mình, giúp các nhà phát triển khác dễ dàng sử dụng Blockly.

Bắt đầu: Cài đặt Nút và npm.

Trình biên dịch đóng

Closed Compiler (Trình biên dịch đóng) là một công cụ giúp JavaScript tải xuống và chạy nhanh hơn. Chúng tôi sử dụng API này để kết hợp tất cả các tệp JavaScript vào một thư viện duy nhất; chúng tôi cũng dùng API này để kiểm tra cú pháp và loại.

Bắt đầu: Bạn không cần cài đặt hoặc chạy trực tiếp Trình biên dịch đóng: chúng tôi cài đặt và chạy trình biên dịch này thông qua npm.

Đọc thêm: Tài liệu về trình biên dịch đóng về các loại JavaScriptchú thích kiểu.

ESLint

ESLint là một trình phân tích tĩnh chuyên phát hiện vấn đề về mã JavaScript. Chúng tôi sử dụng thuộc tính này để xác định và thực thi một kiểu nhất quán trên toàn bộ cơ sở mã của mình. Các vấn đề nhỏ về mã (thiếu dấu chấm phẩy, khoảng cách không nhất quán, v.v.) thường được gọi là tìm lỗi mã nguồn. ESLint sẽ tự động chạy khi bạn gửi cho chúng tôi yêu cầu lấy dữ liệu. Bạn cũng có thể chạy công cụ này trên máy.

Bắt đầu: Trong cả lõi Blockly và mẫu khối, bạn có thể chạy ESLint bằng npm run lint. Nhiều trình soạn thảo mã cũng tích hợp ESLint để hiển thị các vấn đề khi bạn nhập.

Đọc thêm: Mỗi quy tắc ESLint có một trang tài liệu mô tả quy tắc đó và đưa ra ví dụ về mã chính xác và không chính xác.

Màu cà phê mocha

Mocha là một khung kiểm thử JavaScript. Chúng tôi sử dụng API này để chạy các thử nghiệm trong trình duyệt và trên Node.js (cho các trường hợp sử dụng không có giao diện người dùng).

Bắt đầu: Trong cả mẫu khối (blockly) và mẫu khối (blockly), bạn có thể chạy kiểm thử Mocha của chúng tôi bằng npm run test. Trong Blockly Core, thao tác này cũng sẽ chạy các kiểm thử khác. Các kiểm thử Mocha của lõi khối được xác định trong thư mục tests/mocha.

Đọc thêm: Mocha cho phép nhà phát triển xác định hook, cho phép bạn xác định các hàm thiết lập và chia nhỏ tập trung cho chương trình kiểm thử của mình.

Màu trà sữa

Chai là một thư viện câu nhận định mà chúng tôi sử dụng trong các chương trình kiểm thử Mocha.

Đọc thêm: Chai có nhiều "phiên bản" cú pháp để giúp bạn dễ dàng tích hợp với các dự án hiện có. Blockly sử dụng phiên bản assert.