Cách sử dụng phím tắt sắp xếp code trong Visual Studio Code

Chỉ với một vài thao tác đơn giản với phím tắt sắp xếp code trong Visual Studio Code, bạn đã có thể tạo ra một đoạn mã đẹp mắt, ngay ngắn và dễ đọc. Cùng tìm hiểu về cách sử dụng phím tắt này và khám phá thêm một vài phím tắt hữu ích khách trong VS Code qua bài viết dưới đây nhé. 

Hệ thống các phím tắt trong VS Code trên nền tảng Windows
Hệ thống các phím tắt trong VS Code trên nền tảng Windows

Phím tắt sắp xếp code trong Visual Studio Code

Một trong những tính năng nổi bật của VS Code chính là định dạng lại mã nguồn theo ý tưởng của lập trình viên. Có 2 tùy chọn cho bạn trong tình huống này: 

Định dạng tài liệu (Format Document)

Tùy chọn cho phép bạn định dạng lại toàn bộ tệp đang hoạt động. Để lựa chọn loại định dạng này, bạn nhấn tổ hợp phím Shift+Alt+F (nếu dùng Windows), ⇧+⌥+F (nếu dùng macOS) hoặc Ctrl+Shift+I (nếu dùng Linux). 

Phím tắt sắp xếp code trong Visual Studio Code trên nền tảng Windows
Phím tắt sắp xếp code trong Visual Studio Code trên nền tảng Windows

Định dạng có chọn lựa (Format Selection)

Đây là tùy chọn chỉ định dạng lại văn bản đã chọn. Để lựa chọn loại định dạng này, bạn nhấn tổ hợp phím Ctrl+K Ctrl+F (nếu dùng Windows hoặc Linux), ⌘K ⌘F (nếu dùng macOS). 

Bạn có thể nhấn tổ hợp Ctrl+Shift+P (nếu dùng Windows hoặc Linux) hoặc ⇧⌘P để tìm kiếm tính năng định dạng trong Command Palette. 

Mở Command Palette
Mở Command Palette

VS Code có các formatter mặc định cho TypeScript, JavaScript, HTML và JSON. Mỗi ngôn ngữ sẽ có những tùy chọn định dạng riêng (ví dụ với HTML là html.format.indentInnerHtml). Bạn có thể điều chỉnh tùy chọn theo ý mình trong cài đặt người dùng hoặc không gian làm việc. Ngoài ra, bạn cũng có thể vô hiệu hóa formatter của ngôn ngữ mặc định nếu bạn có tiện ích mở rộng (extension) khác đã được cài đặt mà cung cấp định dạng cho cùng ngôn ngữ. 

Bên cạnh các định dạng mặc định, bạn có thể tìm thêm các extensions khác trong Marketplace để hỗ trợ các công cụ định dạng hoặc ngôn ngữ khác. VS Code có sẵn một danh mục các formatter để bạn có thể tìm cho mình các extensions phù hợp. Hãy nhập định dạng mà bạn cần vào hộp tìm kiếm trong mục Extensions để xem danh sách các tiện ích mở rộng đã được lọc trong VS Code. 

Các phím tắt hữu dụng khác trong Visual Studio Code

Ngoài phím tắt sắp xếp code, Visual Studio Code còn có rất nhiều các phím tắt khác hỗ trợ đắc lực cho bạn trong việc lập trình. Bài viết này chỉ đề cập đến một số phím tắt được áp dụng cho VS Code trên nền tảng Windows. 

  • Hiển thị bảng danh sách các phím tắt hiện có trên VS Code, sắp xếp theo thứ tự Alphabet: Ctrl + K + S
Hiển thị các phím tắt hiện có trên VS Code
Hiển thị các phím tắt hiện có trên VS Code
  • Di chuyển giữa các tệp đang làm việc: Ctrl + Shift + Tab
  • Xóa dòng nơi con trỏ đang đứng: Ctrl + Shift + K
  • Thêm chú thích kiểu block cho đoạn code: Ctrl + Shift + A
  • Ẩn/hiện bảng Problems để xem lỗi và các vấn đề trong dự án: Ctrl + Shift + M
Mở bảng Problems để xem lỗi dự án
Mở bảng Problems để xem lỗi dự án
  • Xem bảng tìm kiếm từ khóa trong thanh bên: Ctrl + Shift + F
  • Mở lại tệp đã đóng cuối cùng: Ctrl + Shift + T
  • Tìm kiếm từ khóa trong tệp hiện tại: Ctrl + F
  • Thay đổi mức độ hiển thị của thanh bên: Ctrl + B
  • Đóng tệp đang làm việc: Ctrl + W
  • Ẩn/hiện Terminal: Ctrl + ` 
Mở Terminal trong VS Code
Mở Terminal trong VS Code
  • Sửa code theo yêu cầu mà không làm ảnh hưởng đến các đoạn code khác hoặc cấu trúc widget: Ctrl + .

Để tăng tốc độ thao tác và giúp công việc lập trình trở nên hiệu quả hơn, bạn hãy sử dụng các phím tắt được nhắc đến trong bài viết trên nhé. Đặc biệt là phím tắt sắp xếp code trong Visual Studio Code sẽ giúp những đoạn code của bạn trở nên ngay ngắn, đẹp mắt và thuận tiện cho việc soát lỗi hơn.  


Got It Vietnam – Tham khảo

Nếu bạn quan tâm, hãy xem các vị trí đang tuyển dụng của Got It tại: bit.ly/gotit-hanoi và đọc thêm về quy trình tuyển dụng tại đây.

https://vn.got-it.ai/blog/wp-content/uploads/2021/04/1_QAG9RXQyyMAY7i9OYo84FA.png
Got It Vietnam
May 01, 2021
Share this post to:
Tags:
0 Comments
Inline Feedbacks
View all comments
Các bài viết liên quan
Hướng dẫn cách sử dụng Visual Studio Code căn bản

Hướng dẫn cách sử dụng Visual Studio Code căn bản

Nhanh, gọn nhẹ, đa năng và hoạt động mạnh mẽ trên đa nền tảng là những ưu điểm nổi trội của trình soạn thảo VS Code. Cách sử dụng Visual Studio Code cơ bản sẽ được hướng dẫn cụ thể trong bài viết dưới đây. Mục lụcVisual Studio Code là gì và dành cho ai?Phiên […]
Visual Studio Code là gì? Lợi thế từ việc sử dụng Visual Studio Code

Visual Studio Code là gì? Lợi thế từ việc sử dụng Visual Studio Code

Visual Studio Code là gì mà khiến cộng đồng IT Việt yêu thích đến vậy? Có rất nhiều lợi ích khi sử dụng công cụ này trong xây dựng ứng dụng web và cloud mà bạn không thể bỏ qua.  Mục lụcVisual Studio Code là gì?Phân biệt Visual Studio Code và Visual StudioLý do bạn […]
Hướng dẫn cách format code Visual Studio Code với Prettier

Hướng dẫn cách format code Visual Studio Code với Prettier

Việc định dạng mã sao cho thống nhất là một thử thách khó khăn đối với đa phần lập trình viên. Prettier chính là công cụ format code của Visual Studio Code giúp bạn duy trì sự nhất quán trong toàn bộ cơ sở mã của nhóm. Cùng tìm hiểu cách dùng Prettier để format […]
Cách sử dụng phím tắt sắp xếp code trong Visual Studio Code

Cách sử dụng phím tắt sắp xếp code trong Visual Studio Code

Chỉ với một vài thao tác đơn giản với phím tắt sắp xếp code trong Visual Studio Code, bạn đã có thể tạo ra một đoạn mã đẹp mắt, ngay ngắn và dễ đọc. Cùng tìm hiểu về cách sử dụng phím tắt này và khám phá thêm một vài phím tắt hữu ích khách […]
4 quyển sách Python tiếng Việt cho người mới bắt đầu

4 quyển sách Python tiếng Việt cho người mới bắt đầu

Bạn muốn tìm hiểu về Python nhưng tìm đâu cũng chỉ thấy sách tiếng Anh? Đừng lo, Got It sẽ dành tặng bạn 4 quyển sách Python tiếng Việt cực kỳ hữu ích ngay trong bài viết này! Cùng khám phá nhé! Mục lụcPython cơ bản… Rất là cơ bản – Võ Tuấn DuyTớ Học […]
5 phương pháp Agile phổ biến trong phát triển phần mềm

5 phương pháp Agile phổ biến trong phát triển phần mềm

Phương pháp Agile đã dần trở thành một xu hướng mới trong việc phát triển phần mềm trên thế giới. Bài viết này sẽ giới thiệu cho các bạn 5 phương pháp Agile hiện phổ biến nhất hiện nay.   Mục lục1. Scrum2. Kaban3. Extreme Programming4. Lean Development5. Crystal 1. Scrum Trong số các framework […]