Visual Studio Code (VS Code) là một trong những trình soạn thảo mã phổ biến nhất. Nó nhanh, nhẹ và có nhiều tính năng ẩn. Những tính năng này giúp quy trình làm việc hiệu quả hơn.
Bài viết này hướng dẫn các phím tắt và thủ thuật hữu ích trong VS Code. Chúng giúp bạn làm việc nhanh hơn, viết mã sạch hơn và giảm thời gian nhấp chuột vào menu.
1. Bảng lệnh (Command Palette) — Bộ não của VS Code
Bảng lệnh là một trong những công cụ mạnh mẽ nhất trong VS Code.
Để mở Bảng lệnh, bạn dùng:
- Shift + Command + P (Mac)
- Shift + Ctrl + P (Windows/Linux)
Bảng lệnh hoạt động như một trung tâm điều khiển chung.
Nếu bạn xóa ký hiệu >, bạn có thể tìm kiếm và mở các tệp trong dự án hiện tại. Đây là cách nhanh hơn để thay thế việc cuộn qua trình khám phá tệp.
Nếu bạn giữ ký hiệu >, bạn có quyền truy cập vào mọi lệnh trong VS Code. Các lệnh này bao gồm quản lý tiện ích mở rộng, thay đổi cài đặt, chạy lệnh Git hoặc mở menu phím tắt.
Trong menu phím tắt, bạn có thể tìm kiếm bất kỳ lệnh nào. Bạn cũng có thể xem phím tắt của nó.
Bạn có thể tìm một lệnh bằng cách gõ phím tắt thay vì tên. Nếu bạn không thích phím tắt mặc định, bạn có thể nhấp vào biểu tượng cây bút chì nhỏ để thay đổi nó.
2. Chuyển đến tệp (Go To File) — Di chuyển tức thì
Để nhanh chóng chuyển đổi giữa các tệp, hãy sử dụng lệnh Chuyển đến tệp.
Để mở nó, bạn dùng:
- Command + P (Mac)
- Ctrl + P (Windows/Linux)
Phím tắt này hiển thị danh sách các tệp bạn đã mở gần đây. Bạn có thể gõ một phần tên tệp để mở ngay lập tức. Tính năng này hoàn hảo khi làm việc với các dự án lớn.
3. Tìm trong tệp (Find in Files) — Tìm kiếm toàn bộ dự án
Mọi người đều biết Command + F (hoặc Ctrl + F) để tìm kiếm trong một tệp. Nhưng bạn có thể tìm kiếm toàn bộ dự án của mình.
Tính năng Tìm trong tệp giúp bạn làm điều đó:
- Sử dụng Shift + Command + F (Mac)
- Sử dụng Shift + Ctrl + F (Windows)
Bạn cũng có thể bật chức năng “Replace” để cập nhật nhanh nhiều tệp cùng lúc. Điều này rất hữu ích khi đổi tên biến hoặc sửa lỗi chính tả trên toàn dự án.
4. Mở gần đây (Open Recent) — Chuyển đổi giữa các dự án nhanh chóng
Bạn đang làm việc trên nhiều dự án?
Sử dụng File → Open Recent hoặc phím tắt Ctrl + R để xem danh sách các dự án đã mở gần đây.
Dự án hiện tại của bạn xuất hiện ở trên cùng. Các dự án khác theo sau.
Khi mở lại tính năng này, bạn sẽ được đưa thẳng đến dự án tiếp theo trong danh sách. Điều này giúp dễ dàng chuyển đổi qua lại giữa hai dự án đang hoạt động.
5. Bật/Tắt Terminal (Toggle Terminal) — Mở và đóng Terminal tích hợp
Bạn không cần rời khỏi VS Code để chạy các lệnh.
Sử dụng Ctrl + ` (dấu huyền) hoặc View → Terminal để bật/tắt terminal tích hợp.
Bạn có thể chạy các lệnh như npm install hoặc npm run dev. Bạn cũng có thể mở nhiều terminal cho các tác vụ khác nhau (ví dụ: một cho Git và một cho máy chủ dev của bạn). Bạn có thể chuyển đổi giữa chúng dễ dàng.
Khi hoàn tất, chỉ cần sử dụng cùng phím tắt để đóng terminal.
6. Bật/Tắt chú thích dòng (Toggle Line Comment) — Chú thích mã nhanh chóng
Để nhanh chóng chú thích hoặc bỏ chú thích mã, hãy sử dụng:
- Shift + Command + 7 (Mac)
- Ctrl + / (Windows/Linux)
Phím tắt này hoạt động cho cả dòng đơn và khối mã. VS Code tự động áp dụng cú pháp chú thích chính xác tùy thuộc vào loại tệp của bạn (JavaScript, CSS, HTML hoặc bất kỳ loại nào khác).
Nếu chú thích không hoạt động cho ngôn ngữ cụ thể của bạn, bạn luôn có thể cài đặt một tiện ích mở rộng hỗ trợ nó.
7. Di chuyển dòng lên/xuống (Move Line Up/Down) — Sắp xếp lại mã dễ dàng
Bạn muốn sắp xếp lại các dòng mà không cần cắt và dán?
Sử dụng Alt + Mũi tên lên/xuống để di chuyển dòng (hoặc khối) đã chọn lên hoặc xuống trong tệp của bạn.
Bạn cũng có thể giữ Alt và nhấp vào nhiều vị trí để tạo nhiều con trỏ. Điều này cho phép bạn chỉnh sửa các dòng hoặc phần tử tương tự cùng lúc, ngay cả khi chúng không nằm cạnh nhau.
8. Thêm lựa chọn vào lần khớp tiếp theo (Add Selection to Next Match) — Chỉnh sửa đa điểm kỳ diệu
Một tính năng tuyệt vời khác để chỉnh sửa nhiều đoạn mã tương tự là:
- Command + D (Mac)
- Ctrl + D (Windows/Linux)
Phím tắt này chọn lần xuất hiện tiếp theo của từ hoặc lựa chọn hiện tại của bạn. Bạn có thể tiếp tục nhấn phím tắt để chọn nhiều đối tượng khớp hơn và chỉnh sửa tất cả cùng lúc. Ví dụ: thay đổi mọi thẻ <section> thành <div> trong một lần.
9. Định dạng tài liệu (Format Document) — Giữ mã của bạn sạch sẽ
Thụt lề lộn xộn? Khoảng trắng ngẫu nhiên? Không thành vấn đề.
Sử dụng Shift + Alt + F để tự động định dạng toàn bộ tài liệu của bạn. VS Code sẽ tự động điều chỉnh khoảng cách, thụt lề và ngắt dòng dựa trên cài đặt ngôn ngữ hoặc công cụ định dạng của bạn (như Prettier).
Nếu nó không hoạt động cho loại tệp của bạn, hãy kiểm tra Extensions Marketplace để tìm một công cụ định dạng hỗ trợ nó.
10. Mẹo bổ sung — Tùy chỉnh mọi thứ
Mọi phím tắt và lệnh trong VS Code đều có thể tùy chỉnh.
Nếu một tổ hợp phím nào đó cảm thấy khó sử dụng, chỉ cần mở menu Keyboard Shortcuts (từ Bảng lệnh) và gán các phím tắt mới.
Sự linh hoạt này cho phép bạn tạo một thiết lập mã hóa phù hợp với quy trình làm việc của bạn.
Những suy nghĩ cuối cùng
Khi bạn bắt đầu sử dụng các phím tắt này hàng ngày, bạn sẽ nhận thấy sự khác biệt lớn về năng suất. Bạn sẽ dành ít thời gian hơn để nhấp chuột qua các menu và dành nhiều thời gian hơn để viết mã.
- Tham khảo: medium.com
Bài viết liên quan: