Tại sao thanh công cụ và trình đơn kiểu Nx là quan trọng đối với dòng chảy công việc của bạn

Các nhà phát triển chi tiêu một phần quan trọng của các lệnh lặp lại trong ngày của họ - kiểm tra thực hiện, xây dựng các dự án, tạo mã, hoặc định hướng giữa không gian làm việc. Nx, khung đơn vị độc nhất mạnh mẽ, đã cung cấp các tính năng CLI và Nx lặp lại, nhưng các hoạt động thực sự tăng cường năng suất đến từ việc sắp xếp giao diện người dùng cho các công việc riêng của bạn. Các thanh công cụ và trình đơn tự chọn lọc và thực đơn tự chọn không gian Nx từ một môi trường chung thành một trung tâm điều khiển cá nhân. Thay vì thế, bạn có thể kích hoạt động thông qua các chuỗi truy cập dài, bạn có thể kích hoạt nhiều nhất bằng cách nhắp vào. Bài này đi qua quá trình xây dựng và duy trì, thiết kế và duy trì công việc của thanh công việc của bạn và thực đơn hàng ngày của bạn có hiệu suất riêng.

Điều kiện: Thanh công cụ và Trình đơn Nx là gì?

Nx Không gian làm việc thường bao gồm nhiều ứng dụng và thư viện riêng, mỗi tập hợp các tập lệnh (Xây dựng, phục vụ, lit, kiểm tra, e2e, v. v.). Thanh công cụ và trình đơn cung cấp một lớp đồ họa trên các lệnh này. Trong thư viện như mã hóa hiển thị hay WebStorm, phần mở rộng Nx đã thêm một thanh bên với hành động có quy định. Tuy nhiên, bạn có thể đi xa hơn bằng cách tạo các nút điều khiển tùy chỉnh chạy nhiều lệnh, kết hợp với nhiều lệnh khác nhau, hoặc thậm chí kích hoạt các công cụ bên ngoài. Trình đơn Tùy chỉnh cho phép bạn có liên quan đến lệnh, ví dụ: “Các gói phần mở rộng của tập tin mạng NX + tải lên thông báo thông tin về các bước bổ sung. Tuy nhiên, bạn có thể đi kèm theo các bước cấu hình N.

Việc tự chọn diễn ra ở đâu

  • Mở rộng tự động: Bàn điều khiển Nx (VS code, JetBrains) hỗ trợ tập tin cấu hình không gian làm việc (v. g., [FLT: 0] hoặc nơi bạn có thể định nghĩa các tác vụ tùy chỉnh.
  • Thiết lập điều khiển Nx: ) Trong thời gian mở rộng, bạn có thể thiết lập “các bảng điều khiển và bảng điều khiển tùy chỉnh.
  • Các tổ hợp và Macro: Người dùng cấp cao có thể xích lệnh Nx bằng các công cụ như ) hoặc hệ thống vĩ mô ID.
  • Văn lệnh kiểu khổ sai: định nghĩa các văn lệnh npm trong gọi lệnh Nx, rồi buộc chúng vào yếu tố UI.

Bằng cách điều khiển các lớp này, bạn có thể xây dựng một thanh công cụ liên kết bao gồm tất cả mọi thứ từ phát triển địa phương đến các bước CN/CD.

Hướng dẫn Bước để tạo thanh công cụ Nx riêng

1. chuẩn bị không gian làm việc của bạn để tùy chỉnh

Trước khi thêm bất kỳ yếu tố UI, bảo đảm không gian làm việc của bạn là sạch và được tổ chức. Chạy để hình dung về các dự án phụ thuộc, và ôn lại cho cấu hình đích hiện có. Cài đặt phần mở rộng giao diện Nx mới nhất cho mã tùy chọn ID. Đối với mã VS, điều này bao gồm các tính năng mạnh mẽ như bảng chọn bảng chọn và nhà thám hiểm dự án, mà dùng làm nền tảng cho các phần bổ sung riêng.

2. Định nghĩa những điều răn thường xuyên nhất

Hãy liệt kê lệnh mà đội của bạn chạy nhiều lần mỗi ngày.

  • (xem chế độ)
  • (thử nghiệm đơn vị)
  • (hình ảnh phụ thuộc)

Ưu tiên mười câu lệnh. Danh sách này sẽ là căn bản cho mục nhập thanh công cụ và trình đơn của bạn.

3. Dùng bàn điều khiển của Nx được xây dựng “Favotes ”

Phần mở rộng điều khiển Nx cho phép bạn đánh dấu các dự án và mục tiêu cụ thể như là ưa thích. Nhấn vào một dự án trong thanh điều khiển Nx và chọn “T thích hợp với mục yêu thích. Các mục yêu thích xuất hiện trong một phần riêng biệt ở trên cùng, cho bạn quyền truy cập một- nhấn chuột. Đây là dạng đơn giản nhất của tùy chỉnh thanh công cụ - không cần thiết. Để có thêm các tập tin cấu hình, bạn có thể tạo các công việc riêng trong [FL:11] hoặc [FL:12].

4 Tạo tác vụ riêng trong cấu hình vùng làm việc của bạn

Xác định tác vụ tự chọn chạy nhiều lệnh Nx theo dạng thường hoặc song song. Chẳng hạn, thêm vào của một ứng dụng:

"fastserve": {
 "executor": "nx:run-commands",
 "options": {
 "commands": [
 "nx build shared-ui",
 "nx serve frontend"
 ],
 "parallel": false
 }
}

Bây giờ, thanh công cụ tuỳ chỉnh (via Nx hay CLI) có thể dùng . Bạn cũng có thể thêm mục thực đơn trong mã hệ thống VS dùng nhiệm vụ.json, nhưng phương pháp tự động của Nx là làm sạch hơn.

5. Xây dựng trình đơn tự chọn với nhóm tác vụ

Đối với các nhóm lớn hơn, các lệnh liên quan đến nhau thành một trình đơn riêng lẻ. Dùng lệnh của Nx với một cấu hình cụ thể. Chẳng hạn, tạo một “đồ thị « trước khi dùng trình đơn giản, kiểm tra định dạng » và đơn vị. Bạn có thể phơi bày nó như một tập lệnh npm cấp cao và sau đó gắn nó vào thanh công cụ Nx bằng cách thêm vào thanh công cụ « tiện ích » hay cách áp dụng các nhiệm vụ tùy chỉnh.

6, Thử thách và lặp lại

Sau khi thiết lập, chạy mỗi lệnh từ thanh công cụ hay trình đơn mới. Kiểm tra xem kết xuất là đúng và không có gì ngắt dòng công việc đang có. Hãy yêu cầu đồng nghiệp kiểm tra- con mắt mới thường bắt gặp các bước thiếu hay nhãn lẫn lộn. Điều chỉnh thứ tự để phản ánh tần số sử dụng thật.

Công nghệ tùy chỉnh cao

Dùng các tổ hợp phím IDE và Macro

Bên ngoài thanh công cụ, bạn có thể chỉ định phím tắt bàn phím để tùy chỉnh công việc Nx. Trong mã VS, mở và đính một phím tắt vào lệnh kết hợp với chuỗi Nx. Để có chuỗi phức tạp, hãy dùng chuỗi mở rộng như: “Các cuộn phụ tùng để kích hoạt nhiều hành động bằng một phím. Ví dụ, bấm Ctrl+Shift+T có thể chạy dãy kiểm tra, rồi mở bản báo cáo trình bao gồm các phiên bản thử ra trong một thiết bị cuối mới.

Đang kết hợp các công cụ bên ngoài

Bạn có thể thêm nút mở một trình duyệt tại địa phương URL phát triển, chạy kiểm tra ánh sáng, hoặc triển khai vào một môi trường đang dàn xếp. Hãy dùng lệnh của N [FLT] để tự chọn hoặc thêm các tập lệnh trình bao. Chẳng hạn, một “Thợ điều khiển có thể chạy [FLT].

Chia sẻ cấu hình qua các nhóm

Hãy làm cho thanh công cụ và trình đơn riêng của bạn, bằng cách cất giữ chúng trong kho không gian làm việc. Định nghĩa tác vụ tự chọn trong hoặc dùng chung . Tài liệu có ý định dùng trong một dòng chữ viết . Khi những nhà phát triển mới sao chép lại, họ nhận được dòng cùng một công việc.

Ví dụ thực tế: Một công cụ phát triển toàn diện

Hãy thiết kế một thanh công cụ cho một đơn âm chứa một giao diện điều khiển góc, hậu phương Node.js, và một thư viện đa dạng.

  • Start All – chạy trong các thẻ thiết bị cuối riêng biệt.
  • Thử nghiệm ) – chạy (việc thường xuyên thay đổi lib).
  • Sửa Sửa Sửa ) — chạy đối diện các dự án bị ảnh hưởng.
  • Xây dựng & Xuất) – xây dựng giao diện điều khiển và sao chép tập tin tĩnh .
  • Phân tích – chạy một tập lệnh tự chọn để kiểm tra các thay đổi chưa được xác định, xây dựng và tải lên thông qua rsync.

Mỗi nút được tạo ra như một mục tiêu riêng trong mỗi dự án và sau đó được đính kèm bởi những người yêu thích của Nx.

Những thực hành tốt nhất để duy trì các phong tục

  • Name Rõ ràng: ) Dùng những nhãn miêu tả như “Cắt mọi dây chuyền (với máy phát hiện nhanh để nhận diện).
  • Phạm vi:[FLT: 1) Giữ thanh công cụ dưới 10-12 mục để tránh bừa bộn. Lệnh phụ vào một trình đơn riêng.
  • Tài liệu tư liệu: tạo ra bảng đánh dấu tùy chọn bằng văn lệnh.
  • Điều khiển sự tồn tại:) Luôn luôn cấu hình tùy chỉnh để mỗi thành viên hưởng lợi ích từ các thành viên.
  • Chương trình ôn lại Peridric:) Mỗi tháng, tỉa bớt các lệnh không dùng và thêm vào những lệnh mới xuất hiện từ cách sử dụng hàng ngày.

Những cạm bẫy thông thường và cách tránh chúng

  • Đường dẫn khó chịu: ) Hãy dùng và để giữ cho cấu hình được di chuyển.
  • Mở rộng quá mức:) Đừng thêm thanh công cụ tùy chỉnh cho lệnh bạn chạy mỗi tuần một lần. Hãy làm những việc có độ cao.
  • Thay đổi thay đổi: Khi nâng cấp Nx, thử mục tiêu riêng của bạn. Hãy dùng để xác định sự tương thích.
  • Đội Phản đối thiếu hiểu biết: Hãy khảo sát nhóm của bạn để đảm bảo thanh công cụ giải quyết điểm đau thật, chứ không phải những điểm tưởng tượng.

Làm tăng hiệu quả

Sau khi thực hiện thanh công cụ và trình đơn tự chọn, tiết kiệm thời gian, tiết kiệm thời gian theo dõi. Một bộ đo đơn giản: trước khi tùy chỉnh, mất bao nhiêu giây để chạy một chuỗi lệnh (v. d., xây dựng + kiểm tra + lit) sau đó, đo thời gian bằng một lần nhấn chuột. Ngay cả tiết kiệm 10 giây mỗi thao tác, nếu một nhà phát triển chạy 20 giây như vậy mỗi ngày, mà hơn ba phút tiết kiệm được mỗi ngày, nhưng được tổng hợp qua một nhóm mười giờ, nó là một tuần. Quan trọng hơn, giảm bớt việc chuyển đổi ngữ cảnh và giảm bớt các lệnh vi phạm trong công tác để truyền nước.

Những nguồn tài nguyên bên ngoài để đọc thêm

Kết luận

Tự chọn thanh công cụ và trình đơn Nx không chỉ là một thứ xa xỉ, mà còn là một sự đầu tư thực tiễn vào hiệu quả của đội phát triển. Bằng cách chọn kỹ các lệnh độ cao, sử dụng các thiết bị điều khiển Nx và các việc riêng, và kết hợp với ma trận ID, bạn có thể tạo một không gian làm việc tối thiểu ma sát. Bắt đầu nhỏ: chọn ba lệnh gây phiền nhiễu nhất hàng ngày và chuyển chúng thành nút thanh công cụ. Sau đó, mở rộng dựa trên các mẫu thực dụng.