Mã Visual Studio tăng năng suất thông qua quản lý ràng buộc chính

Visual Studio Code, trình biên tập mã nguồn nhẹ của Microsoft giới thiệu điều hướng chỉ bàn phím đó không chỉ là một tính năng tiếp cận nâng cao, cho phép người dùng điều hướng trong trình chỉnh sửa mà không cần chuột, nhưng cũng tăng tốc mã hóa.

Trong bài viết hôm nay, chúng ta sẽ đi sâu vào cách quản lý hiệu quả các ràng buộc chính trong Mã VS, hãy xem danh sách các phím tắt được sử dụng phổ biến nhất và xem ví dụ về cách bạn có thể tạo các phím tùy chỉnh của riêng mình.

Tìm kiếm các ràng buộc chính một cách nhanh chóng

Bạn không nhất thiết phải học các phím tắt bằng trái tim ngay khi bạn bắt đầu sử dụng Mã VS, vì có hai cách dễ dàng để nhanh chóng tìm thấy chúng.

Trong thanh menu trên cùng, bạn có thể tìm thấy ràng buộc khóa đặt trước bên cạnh mỗi điểm thực đơn (1) và Bảng lệnh (F1) cũng liệt kê chúng bên cạnh mỗi lệnh (2).

Visual Studio Code hiển thị các ràng buộc chính phù hợp với hệ điều hành của bạn theo mặc định (vì vậy trên máy Windows, bạn sẽ thấy các lệnh Windows, trên máy Mac, lệnh Mac và trên hộp Linux các lệnh Linux).

Nếu bạn không muốn rời khỏi trình soạn thảo mã của mình, bạn cũng có thể tìm thấy danh sách đầy đủ các ràng buộc quan trọng cài sẵn trong Tài liệu mã VS.

Ràng buộc khóa cài sẵn

Visual Studio Code cung cấp cho các nhà phát triển nhiều ràng buộc chính, trong danh sách sau đây tôi đã tuyển chọn những người tôi đã sử dụng thường xuyên nhất trong khi chỉnh sửa các tệp JavaScript. Bạn có thể thấy rằng những người khác phù hợp hơn với quy trình làm việc của riêng bạn, do đó, cũng đáng để tự mình xem danh sách đầy đủ.

Tất cả các ràng buộc chính có thể được tùy chỉnh trong Mã VS, chúng tôi sẽ xem xét làm thế nào để làm điều đó trong phần cuối của bài viết này.

Bây giờ hãy nhìn 36 phím tắt được sử dụng thường xuyên, tương ứng cho 3 hệ điều hành chính (Win, OS X, Linux), nhiều hệ điều hành có thể quen thuộc với các phần mềm khác của Microsoft.

dẫn đường

1. F1 (Win, Linux, Mac) - Bảng màu lệnh, hiển thị tất cả các lệnh mà bạn có thể chọn một hoặc bạn cũng có thể tự nhập một lệnh
2. Ctrl + P (Win, Linux), Cmd + P (Mac) - Mở nhanh, Chuyển đến tệp
3. Ctrl + Shift + O (Win, Linux), Shift + Cmd + O (Mac) - Hiển thị danh sách tất cả các ký hiệu (như hàm, nguyên mẫu, v.v.) trong tệp hiện tại
4. Ctrl + G (Win, Linux, Mac) - Chuyển đến một dòng cụ thể
5. Ctrl + Shift + M (Win, Linux), Shift + Cmd + M (Mac) - Hiển thị tất cả các lỗi và cảnh báo
6. Alt + Trái (Thắng), Ctrl + - (Mac), Ctrl + Alt + - (Linux) - Quay lại, con trỏ nhảy trở lại vị trí trước đó
7. Alt + Phải (Thắng), Ctrl + Shift + - (Mac), Ctrl + Shift + - (Linux) - Đi tiếp, con trỏ nhảy về phía trước đến vị trí tiếp theo của nó
8. ? (Win, Linux, Mac) - Các lệnh có sẵn cho tệp hiện tại bên trong Bảng lệnh (trước khi sử dụng, bạn cần mở Command Palette (F1)

Quản lý tập tin và biên tập

Bạn có thể tìm thấy danh sách đầy đủ cho phần này ở hai nơi khác nhau trong Tài liệu mã VS, trong Quản lý biên tập / cửa sổ và trong Quản lý tệp.

Mã VS có thể mở 3 bảng soạn thảo cùng một lúc, Lệnh # 5 đến # 7 chỉ hoạt động nếu có nhiều hơn một bảng soạn thảo được mở.

1. Ctrl + N (Win, Linux), Cmd + N (Mac) - Tệp mới
2. Ctrl + O (Win, Linux) - Mở tệp
3. Ctrl + S (Win, Linux), Cmd + S (Mac) - Lưu
4. Ctrl + \ (Win, Linux), Cmd + \ (Mac) - Trình chỉnh sửa phân tách
5. Ctrl + 1 (Win, Linux), Cmd + 1 (Mac) - Tập trung vào khung soạn thảo đầu tiên
6. Ctrl + 2 (Win, Linux), Cmd + 2 (Mac) - Tập trung vào khung soạn thảo thứ hai
7. Ctrl + 3 (Win, Linux), Cmd + 3 (Mac) - Tập trung vào khung soạn thảo thứ ba

Chỉnh sửa cơ bản

Để làm cho các ràng buộc chính bên dưới hoạt động, bạn không cần phải làm nổi bật toàn bộ dòng, nó đủ để điều hướng con trỏ đến bất cứ nơi nào trong dòng bạn muốn chỉnh sửa.

1. Ctrl + X (Win, Linux), Cmd + X (Mac) - Cắt dòng
2. Ctrl + C (Win, Linux), Cmd + C (Mac) - Sao chép dòng
3. Ctrl + Shift + K (Win, Linux), Shift + Cmd + K (Mac) - Xóa dòng
4. Alt + Xuống (Win, Linux), Tùy chọn + Xuống (Mac) - Di chuyển xuống dòng
5. Alt + Up (Win, Linux), Tùy chọn + Lên (Mac) - Di chuyển dòng lên
6. Ctrl + I (Win, Linux), Cmd + I (Mac) - Chọn dòng hiện tại
7. Ctrl +] (Win, Linux), Cmd +] (Mac) - Dòng thụt lề
8. Ctrl + [(Win, Linux), Cmd + [(Mac) - Dòng hết hạn

Chỉnh sửa ngôn ngữ phong phú

Hiện tại, kể từ tháng 5 năm 2016, VS Code đã hỗ trợ chỉnh sửa phong phú cho JavaScript và TypeScript, nhưng bạn có thể tải xuống các tiện ích mở rộng hỗ trợ ngôn ngữ cho nhiều ngôn ngữ khác từ Thị trường mã VS.

Ở đây trong Tài liệu, bạn có thể kiểm tra các tùy chọn bạn có cho ngôn ngữ bạn muốn sử dụng. Lưu ý rằng vì VS Code vẫn còn trong những ngày đầu, hỗ trợ chỉnh sửa phong phú cũng có thể đến với các ngôn ngữ khác.

1. Ctrl + Space (Win, Linux, Mac) - Đề xuất kích hoạt
2. Ctrl + Shift + Space (Win, Linux), Shift + Cmd + Space (Mac) - Gợi ý tham số kích hoạt
3. Alt + F12 (Win), Tùy chọn + F12 (Mac), Ctrl + Shift + F10 (Linux) - Định nghĩa Peek
4. Shift + F12 (Win, Linux, Mac) - Hiển thị tài liệu tham khảo
5. Ctrl + Shift + X (Win, Linux), Shift + Cmd + X (Mac) - Cắt khoảng trắng theo sau

Trưng bày

1. F11 (Win, Linux), Ctrl + Cmd + F (Mac) - Chuyển đổi toàn màn hình
2. Ctrl + = (Win, Linux), Cmd + = (Mac) - Phóng to
3. Ctrl + - (Win, Linux), Cmd + - (Mac) - Thu nhỏ
4. Ctrl + B (Win, Linux), Cmd + B (Mac) - Chuyển đổi khả năng hiển thị thanh bên
5. Ctrl + Shift + D (Win, Linux), Shift + Cmd + D (Mac) - Hiển thị Gỡ lỗi trong thanh bên (bên trái)
6. Ctrl + Shift + E (Win, Linux), Shift + Cmd + E (Mac) - Hiển thị Explorer trong thanh bên (bên trái)
7. Ctrl + Shift + G (Win, Linux, Mac) - Hiển thị Git trong thanh bên (bên trái)
8. Ctrl + Shift + F (Win, Linux), Shift + Cmd + F (Mac) - Hiển thị Tìm kiếm trong thanh bên (bên trái)

Cách tùy chỉnh các ràng buộc chính trong mã VS

Tùy chỉnh các ràng buộc chính có thể hữu ích cho ba điều chính.

Thứ nhất, nếu bạn đã quen với một số phím tắt nhất định trong trình chỉnh sửa mã khác, bạn không cần phải học những phím tắt mới.

Thứ hai, một số ràng buộc khóa cài sẵn chỉ là quá khó để nhớ, ví dụ: dùng phím tắt Windows Ctrl + K + F12 cho lệnh Mở định nghĩa sang một bên.

Thứ ba, cũng có ràng buộc chính không được chỉ định trong Mã VS, chẳng hạn như Cài đặt người dùng mở và Cài đặt không gian làm việc mở (tìm chúng ở đây trong Tài liệu) bạn có thể muốn sử dụng chúng.

Bạn có thể tùy chỉnh các ràng buộc chính với sự trợ giúp của Tệp cấu hình định dạng JSON, theo cách tương tự như cách bạn có thể tùy chỉnh Cài đặt người dùng và không gian làm việc. Tập tin bạn cần chỉnh sửa được gọi là keybindings.json, và bạn có thể mở nó bằng cách nhấp vào menu Tệp> Tùy chọn> Phím tắt trên thanh menu trên cùng.

Khi bạn nhấp vào nó, Mã VS sẽ mở ra hai biên tập viên cạnh nhau, một cho phím tắt mặc định bên trái và một cho bạn ràng buộc khóa tùy chỉnh Phía bên phải.

Bạn không phải làm gì khác, chỉ cần sao chép-dán các khóa từ trái sang phải để duy trì định dạng JSON và viết lại khóa thành tùy chỉnh.

Hãy xem một ví dụ nhanh. Giả sử bạn muốn dễ dàng truy cập lệnh Hiển thị tiện ích mở rộng đã cài đặt không có ràng buộc khóa được gán theo mặc định. Trong trường hợp này, chỉ sao chép-dán từ bên trái sang bên phải là không đủ, vì các khóa chưa được gán không có trong danh sách mặc định.

Bạn sẽ cần phải bám vào các ràng buộc chính cú pháp theo sau trong mã Visual Studio:

 "key": "", "khi": "", "lệnh": "" 

Kiểm tra một số ví dụ thực tế về cách đặt quy tắc bàn phím đúng cách. Phần khi là tùy chọn, bạn không phải sử dụng nó để đặt các ràng buộc khóa toàn cầu, đó là phần chỉ được sử dụng khi một phím tắt nhất định bị ràng buộc với một màn hình hoặc chế độ nhất định, chẳng hạn như trong trường hợp inDebugMode.

Trong ví dụ của chúng tôi, chúng tôi sẽ thiết lập một ràng buộc quan trọng toàn cầu, có nghĩa là chúng ta chỉ phải đặt các giá trị của “Chìa khóa” và “chỉ huy” trong quy tắc bàn phím tùy chỉnh của chúng tôi.

Trước tiên, hãy tìm kiếm id lệnh thuộc về lệnh Show Installed Extension. Chúng ta có thể dễ dàng làm điều này trong các tài liệu, điều đó cho chúng ta thấy rằng id lệnh mà chúng ta cần là workbench.extensions.action.listExtensions.

Một phần khác của dữ liệu chúng ta cần là chìa khóa. Khóa tùy chỉnh chúng tôi sẽ liên kết với lệnh Hiển thị tiện ích mở rộng đã cài đặt không thể được sử dụng bởi bất kỳ quy tắc ràng buộc quan trọng khác, và phải tuân theo cú pháp khóa thích hợp, có nghĩa là nó cần phải được tạo từ bổ nghĩa (xem các sửa đổi được chấp nhận bởi HĐH) và chính khóa.

Khi tôi làm việc trên máy Windows, tôi sẽ chọn phím Ctrl + F6, vì nó đáp ứng mọi yêu cầu, nhưng bạn có thể chọn bất kỳ phím nào khác phù hợp với nhu cầu của bạn nhất.

Tệp keybindings.json của tôi sẽ trông như thế này:

 // Đặt các ràng buộc khóa của bạn trong tệp này để ghi đè mặc định ["key": "Ctrl + f6", "lệnh": "workbench.extensions.action.listExtensions"] 

Quy tắc mới có hiệu lực ngay lập tức, dưới dạng Visual Studio Code cập nhật các quy tắc trong thời gian chạy. Bạn có thể kiểm tra nó mà không cần khởi động lại trình chỉnh sửa, bạn chỉ cần nhấn Ctrl + F6 hoặc phím bạn đã chọn và một danh sách các tiện ích mở rộng đã cài đặt của bạn sẽ bật lên trong trình chỉnh sửa của bạn.

Trong ảnh chụp màn hình bên dưới, bạn có thể thấy kết quả thử nghiệm của tôi, khi nhấn Ctrl + F6, tôi nhận được một danh sách hai tiện ích mở rộng tôi hiện có.

Bạn có thể thêm nhiều quy tắc như bạn muốn vào tệp keybindings.json của bạn. Chỉ cần làm theo cú pháp JSON thông thường, có nghĩa là bạn cần đặt từng quy tắc bên trong một cặp dấu ngoặc nhọn và phân tách chúng bằng dấu phẩy, như bạn có thể thấy bên dưới.

 // Đặt các ràng buộc khóa của bạn trong tệp này để ghi đè mặc định ["key": "Ctrl + f6", "lệnh": "workbench.extensions.action.listExtensions", "key": "Shift + f6" , "lệnh": "workbench.extensions.action.installExtension"]