Làm cách nào để định dạng mã trong Mã VS?

Khi nhập lệnh trong Mã VS, cố gắng sắp xếp ngăn nắp đôi khi có thể là điều cuối cùng bạn nghĩ đến. Mặc dù không bắt buộc phải định dạng để chạy chương trình, nhưng nó sẽ giúp ích rất nhiều khi gỡ lỗi và cố gắng xác định vị trí lỗi.

Trong bài viết này, chúng tôi sẽ chỉ cho bạn cách định dạng mã của bạn trong Mã VS, cùng với các mẹo hữu ích khác để tổ chức mã của bạn.

Làm thế nào để định dạng mã?

VS Code có các lệnh tích hợp để sắp xếp mã hiện đang nhập thành định dạng chuẩn. Các phím tắt này không yêu cầu phần mở rộng bổ sung và có thể được sử dụng bất cứ lúc nào. Các phím tắt như sau:

cho máy tính

Định dạng toàn bộ tài liệu:

Mở tệp có mã bạn muốn định dạng.

Nhấn “Shift + Alt + F”.

Lưu các thay đổi của bạn bằng cách nhấp vào “Tệp” ở góc trên bên trái rồi chọn “Lưu” hoặc nhấn “Ctrl + S”.

Chỉ định dạng mã đã chọn:

Trong tệp có các dòng mã bạn muốn định dạng, hãy chọn các dòng bằng cách tô sáng chúng bằng chuột.

Nhấn “Ctrl + K”.

Nhấn “Ctrl + F”.

Lưu các thay đổi bằng cách chọn “Lưu” trong menu Tệp ở góc trên bên trái hoặc bằng cách nhấn “Ctrl + S”.

Lưu ý rằng nếu bạn nhấn “Ctrl + F” mà không nhấn “Ctrl + K” trước, bạn sẽ mở menu tìm kiếm. Nếu điều này xảy ra, chỉ cần đóng bằng cách nhấp vào nút “x” hoặc nhấn Esc.

Di chuyển hàng lên hoặc xuống:

Di chuyển con trỏ đến đầu dòng bạn muốn di chuyển.

Giữ phím Alt.

Để di chuyển dòng lên, nhấn mũi tên lên. Để di chuyển nó xuống, nhấn mũi tên xuống.

Lưu tệp bằng cách chọn tệp từ menu Tệp ở góc trên bên trái của cửa sổ hoặc bằng cách nhấn “Ctrl + S”.

Thay đổi thụt lề một dòng:

Di chuyển con trỏ đến đầu dòng mà bạn muốn thay đổi thụt lề.

Nhấn “Ctrl + ]” để tăng thụt đầu dòng.

Nhấn “Ctrl + [“ to decrease the indent.

Save changes by selecting Save from the File menu or by pressing “Ctrl + S”.

For Mac

Format the entire document:

Press “⇧ + ⌥ + F.”

Formatting selected code only:

Press “⌘ + K”.

Press “⌘ + F”.

Save your file by pressing “⌘ + S” or by choosing “Save” from the File menu on the upper left corner of the window.

Note that using “⌘ + F” without pressing “⌘ + K” beforehand will only open the Find Menu. To close the Find Menu just press “x” on the right side or press Esc.

Move lines up or down:

Hold down the “⌥” Key.

To move a line up, press the up arrow. To move it down, press the down arrow.

Save your changes by choosing “Save” from the File menu or by pressing “⌘ + S”.

Change indentation of a single line:

Press “⌘ + ]để tăng thụt lề.

Nhấn “⌘ +[”đểthụtlề[“đểgiảmthụtlề[”abyzmniejszyćwcięcie[“todecreasetheindent

Lưu tệp bằng cách nhấn “⌘ + S” hoặc bằng cách chọn “Lưu” từ menu Tệp ở góc trên bên trái của cửa sổ.

Mã định dạng mã VS khi ghi

Mã VS không có lệnh gốc định dạng tài liệu khi lưu. Thay vào đó, bạn có thể thực hiện việc này bằng cách cài đặt tiện ích mở rộng định dạng trong ứng dụng Mã VS. Phổ biến nhất trong số các tiện ích mở rộng này là Prettier, cung cấp nhiều tính năng định dạng trong Mã VS. Prettier có thể được cài đặt bằng cách làm theo các bước sau:

Mở mã VS.

Nhấp vào nút Tiện ích mở rộng trong menu bên trái. Đây là một biểu tượng trông giống như bốn hộp. Ngoài ra, bạn có thể nhấn “Ctrl + Shit + x” trên PC hoặc “⌘ + ⇧ + x” trên Mac.

Trong thanh tìm kiếm ở đầu menu, nhập Prettier.

Nhấp vào nút Cài đặt ở góc dưới bên phải của biểu tượng Cuter.

Đợi tiện ích mở rộng hoàn tất cài đặt.

Trước khi Prettier bắt đầu tự động định dạng tài liệu khi lưu, bạn cần định cấu hình tiện ích mở rộng để kích hoạt tính năng này. Điều này được thực hiện bằng cách làm theo các bước sau:

Mở cửa sổ cài đặt bằng cách nhấn “Ctrl +” trên PC hoặc “⌘ +” trên Mac.

Trong thanh tìm kiếm, nhập trình định dạng. Thao tác này sẽ hiển thị một số cài đặt định dạng.

Trong Trình chỉnh sửa: Trình định dạng mặc định, đảm bảo tiện ích bạn chọn là Đẹp hơn. Nếu không có trình định dạng mặc định hoặc Mã VS sử dụng một trình định dạng khác theo mặc định, hãy nhấn mũi tên xuống. Chọn “Đẹp hơn – Trình định dạng mã” từ danh sách. Ngoài ra, Prettier có thể xuất hiện trong danh sách dưới dạng “esbenp.prettier-vscode”.

Đảm bảo chọn “Trình chỉnh sửa: Định dạng khi lưu”. Nếu không, hãy chuyển đổi dấu kiểm.

Nhập “Prettier” vào thanh tìm kiếm cài đặt.

Cuộn xuống cho đến khi bạn tìm thấy dòng “Đẹp hơn: Yêu cầu cấu hình.” Hãy chắc chắn rằng hộp kiểm được kiểm tra. Cài đặt này ngăn Prettier định dạng tài liệu mà không có tệp cấu hình. Điều này hữu ích khi bạn đang xem mã đã tải xuống có thể có các quy tắc định dạng riêng. Điều này ngăn các tùy chọn định dạng vô tình bị ghi đè. Lưu ý rằng các tệp không có tiêu đề sẽ vẫn được định dạng tự động ngay cả khi cài đặt này được chọn.

Vì bạn đã định cấu hình Prettier thành định dạng tự động chỉ khi có tệp cấu hình, nên bạn cần tạo một tệp cho từng dự án. Điều này được thực hiện bằng cách làm theo các bước sau:

Chọn thư mục gốc của dự án của bạn trong menu bên trái.

Nhấp vào nút tệp mới để tạo tệp cấu hình.

Đặt tên cho tệp này là “.prettierrc”.

Trong tệp chỉ cần gõ {}.

Mẹo để giữ cho mã của bạn có tổ chức

mã tổ chức

Việc định dạng đúng các dự án của bạn không chỉ giúp chúng dễ đọc hơn mà còn giúp xác định lỗi và giữ cho mã của bạn được tổ chức. Mặc dù không cần thiết để chương trình hoạt động, nhưng biết cách định dạng tệp trong Mã VS là một lợi thế nhất định.

Bạn có biết các cách khác để định dạng tệp trong Mã VS không? Chia sẻ ý kiến ​​của bạn bằng cách bình luận xuống dưới.