Kể từ khi Microsoft tung ra Visual Studio Code v&agrave;o cuối năm 2015, n&oacute; đ&atilde; thực sự trở th&agrave;nh một trong những tr&igrave;nh bi&ecirc;n tập m&atilde; nguồn phổ biến nhất tr&ecirc;n thế giới. Thực tế l&agrave; n&oacute; l&agrave; m&atilde; nguồn mở v&agrave; chạy tr&ecirc;n Windows, Linux v&agrave; macOS khiến n&oacute; c&agrave;ng trở n&ecirc;n hấp dẫn hơn.
VS Code được x&acirc;y dựng sẵn với emmet, điều m&agrave; kh&ocirc;ng c&oacute; tr&igrave;nh soạn thảo văn bản n&agrave;o kh&aacute;c l&agrave;m được v&agrave; n&oacute; cũng cho ph&eacute;p bạn t&ugrave;y chỉnh m&atilde;, v&igrave; vậy bạn thậm ch&iacute; c&oacute; thể sửa đổi c&aacute;c biến m&ocirc;i trường của n&oacute; để ph&ugrave; hợp với y&ecirc;u cầu của m&igrave;nh. VSCode c&oacute; rất nhiều c&aacute;c tiện &iacute;ch mở rộng c&oacute; thể đ&aacute;p ứng mọi y&ecirc;u cầu.
C&aacute;c lập tr&igrave;nh vi&ecirc;n đều đ&atilde; sử dụng rộng r&atilde;i VS Code để viết m&atilde;, đặc biệt l&agrave; để ph&aacute;t triển web. Ngo&agrave;i ra, c&oacute; một số ph&iacute;m tắt c&oacute; thể gi&uacute;p qu&aacute; tr&igrave;nh l&agrave;m việc của họ trở n&ecirc;n dễ d&agrave;ng hơn.
Dưới đ&acirc;y l&agrave; một số ph&iacute;m tắt m&agrave; mọi lập tr&igrave;nh vi&ecirc;n sẽ thấy hữu &iacute;ch để viết m&atilde; nhanh hơn.
&nbsp;
<h1 style="text-align: justify;">Thay đổi VS Code theme</h1>
<img style="width: 700px; display: block; margin-left: auto; margin-right: auto;" src="https://tek4.vn/public_files/f3570c27-fefe-45dd-818c-e3640e32700a" alt="Thay đổi VS Code theme" />
Chủ đề m&agrave;u sắc cho ph&eacute;p bạn sửa đổi m&agrave;u sắc trong giao diện người d&ugrave;ng của Visual Studio Code để ph&ugrave; hợp với sở th&iacute;ch v&agrave; m&ocirc;i trường l&agrave;m việc. Bạn cũng c&oacute; t&ugrave;y chọn c&agrave;i đặt nhiều chủ đề hơn từ mục tiện &iacute;ch mở rộng VS Code.
<table style="border-collapse: collapse; width: 100%;" border="1">
<tbody>
<tr>
<td style="width: 99.0081%;">
Windows: Ctrl + K Ctrl + T
macOS: Cmd + K Cmd + T
</td>
</tr>
</tbody>
</table>
&nbsp;
<h1 style="text-align: justify;">Command Palette</h1>
<img style="width: 700px; display: block; margin-left: auto; margin-right: auto;" src="https://tek4.vn/public_files/093f2f74-5753-462e-acdd-5b65e7b56433" alt="Command Palette" />
Command Palette cung cấp quyền truy cập v&agrave;o nhiều lệnh. Bạn c&oacute; thể thực hiện c&aacute;c lệnh của tr&igrave;nh soạn thảo, mở tệp, t&igrave;m kiếm k&yacute; hiệu v&agrave; xem ph&aacute;c thảo nhanh của tệp, tất cả đều sử dụng c&ugrave;ng một cửa sổ tương t&aacute;c.
<table style="border-collapse: collapse; width: 100%;" border="1">
<tbody>
<tr>
<td style="width: 99.0081%;">
Windows: Ctrl + Shift + P
macOS: Cmd + Shift + P
</td>
</tr>
</tbody>
</table>
&nbsp;
<h1 style="text-align: justify;">T&igrave;m c&aacute;c lỗi v&agrave; cảnh b&aacute;o</h1>
<img style="width: 700px; display: block; margin-left: auto; margin-right: auto;" src="https://tek4.vn/public_files/e9dfce71-3ab4-476e-b4be-fbb5be1ca0b9" alt="T&igrave;m c&aacute;c lỗi v&agrave; cảnh b&aacute;o" />
Ph&iacute;m tắt chuyển đến c&aacute;c lỗi v&agrave; cảnh b&aacute;o trong dự &aacute;n.
<table style="border-collapse: collapse; width: 100%;" border="1">
<tbody>
<tr>
<td style="width: 99.0081%;">
Windows: Ctrl + Shift + M
macOS: Cmd + K Cmd + I
</td>
</tr>
</tbody>
</table>
&nbsp;
<h1 style="text-align: justify;">T&igrave;m từ v&agrave; cụm từ</h1>
<img style="width: 700px; display: block; margin-left: auto; margin-right: auto;" src="https://tek4.vn/public_files/59928073-e774-4603-b395-f4f700841d16" alt="T&igrave;m từ v&agrave; cụm từ" />
Từ tệp hiện tại:
<table style="border-collapse: collapse; width: 100%;" border="1">
<tbody>
<tr>
<td style="width: 99.0081%;">
Windows: Ctrl + F
macOS: Cmd + F
</td>
</tr>
</tbody>
</table>
&nbsp;
Từ to&agrave;n bộ dự &aacute;n:
<table style="border-collapse: collapse; width: 100%;" border="1">
<tbody>
<tr>
<td style="width: 99.0081%;">
Windows: Ctrl + Shift + F
macOS: Cmd + Shift + F
</td>
</tr>
</tbody>
</table>
&nbsp;
<h1 style="text-align: justify;">Thay đổi ng&ocirc;n ngữ lập tr&igrave;nh</h1>
<img style="width: 700px; display: block; margin-left: auto; margin-right: auto;" src="https://tek4.vn/public_files/5d75e666-f862-4ca2-bcc6-647abcdea0c6" alt="Thay đổi ng&ocirc;n ngữ lập tr&igrave;nh" />
Visual Studio Code hỗ trợ <a href="https://code.visualstudio.com/docs/languages/overview">h&agrave;ng trăm ng&ocirc;n ngữ lập tr&igrave;nh</a>. Tr&igrave;nh chỉnh sửa mặc định hỗ trợ ng&ocirc;n ngữ cho tệp dựa tr&ecirc;n phần mở rộng t&ecirc;n tệp của n&oacute;. Tuy nhi&ecirc;n, bạn cũng c&oacute; t&ugrave;y chọn sửa đổi ng&ocirc;n ngữ mới cho một loại tệp.
<table style="border-collapse: collapse; width: 100%;" border="1">
<tbody>
<tr>
<td style="width: 99.0081%;">
Windows: Ctrl + K M
macOS: Cmd + K M
</td>
</tr>
</tbody>
</table>
&nbsp;
<h1 id="42f6" class="mi mj ja bn mk ml nb mn mo mp nc mr ms kg nd kh mu kj ne kk mw km nf kn my mz gc" style="text-align: justify;" data-selectable-paragraph="">Code Formatting</h1>
<img style="width: 700px; display: block; margin-left: auto; margin-right: auto;" src="https://tek4.vn/public_files/4ec3f75e-9ae4-498a-9bdf-ae99b12eff0b" alt="Code Formatting" />
Code c&oacute; thể được định dạng dễ d&agrave;ng bằng c&aacute;ch sử dụng c&aacute;c ph&iacute;m tắt để tăng khả năng đọc m&atilde;.
Từ tệp hiện tại:
<table style="border-collapse: collapse; width: 100%;" border="1">
<tbody>
<tr>
<td style="width: 99.0081%;">
Windows: Ctrl + K Ctrl + F
macOS: Cmd + K Cmd + F
</td>
</tr>
</tbody>
</table>
&nbsp;
Từ to&agrave;n bộ dự &aacute;n:
<table style="border-collapse: collapse; width: 100%;" border="1">
<tbody>
<tr>
<td style="width: 99.0081%;">
Windows: Shift + Alt + F
macOS: Shift + Option + F
</td>
</tr>
</tbody>
</table>
&nbsp;
<h1 style="text-align: justify;">IntelliSense</h1>
<img style="width: 700px; display: block; margin-left: auto; margin-right: auto;" src="https://tek4.vn/public_files/86a3fb26-362f-4425-9d1f-5e61bc5d8210" alt="IntelliSense" />
C&aacute;c t&iacute;nh năng của VSCode IntelliSense được cung cấp bởi một dịch vụ ng&ocirc;n ngữ. Dịch vụ ng&ocirc;n ngữ cung cấp c&aacute;c m&atilde; ho&agrave;n chỉnh th&ocirc;ng minh dựa tr&ecirc;n ngữ nghĩa của ng&ocirc;n ngữ v&agrave; ph&acirc;n t&iacute;ch m&atilde; nguồn. Nếu một dịch vụ ng&ocirc;n ngữ c&oacute; thể ho&agrave;n th&agrave;nh, c&aacute;c đề xuất IntelliSense sẽ xuất hiện khi bạn nhập.
<table style="border-collapse: collapse; width: 100%;" border="1">
<tbody>
<tr>
<td style="width: 99.0081%;">
Windows: Ctrl + Dấu c&aacute;ch
macOS: Ctrl + Dấu c&aacute;ch
</td>
</tr>
</tbody>
</table>
&nbsp;
<h1 style="text-align: justify;">Tr&igrave;nh chỉnh sửa ph&acirc;n t&aacute;ch</h1>
<img style="width: 700px; display: block; margin-left: auto; margin-right: auto;" src="https://tek4.vn/public_files/64aba44c-2858-4de3-8b6f-1cff96da04da" alt="Tr&igrave;nh chỉnh sửa ph&acirc;n t&aacute;ch" />
Bạn c&oacute; thể mở bao nhi&ecirc;u tr&igrave;nh chỉnh sửa t&ugrave;y th&iacute;ch song song theo chiều dọc v&agrave; chiều ngang.
Nếu bạn đ&atilde; mở một tr&igrave;nh chỉnh sửa, c&oacute; nhiều c&aacute;ch để mở một tr&igrave;nh chỉnh sửa kh&aacute;c b&ecirc;n cạnh tr&igrave;nh chỉnh sửa hiện c&oacute;:
<ul style="text-align: justify;">
<li style="font-weight: 400;" aria-level="1">Nhấn Alt v&agrave;o một tệp trong Explorer.</li>
<li style="font-weight: 400;" aria-level="1">Ctrl + \ để chia tr&igrave;nh chỉnh sửa đang hoạt động th&agrave;nh hai.</li>
<li style="font-weight: 400;" aria-level="1">Mở sang một b&ecirc;n (Ctrl + Enter) từ menu ngữ cảnh Explorer tr&ecirc;n tệp.</li>
<li style="font-weight: 400;" aria-level="1">Nhấp v&agrave;o n&uacute;t Tr&igrave;nh chỉnh sửa ph&acirc;n t&aacute;ch ở ph&iacute;a tr&ecirc;n b&ecirc;n phải của tr&igrave;nh chỉnh sửa.</li>
<li style="font-weight: 400;" aria-level="1">K&eacute;o v&agrave; thả tệp v&agrave;o bất kỳ ph&iacute;a n&agrave;o của v&ugrave;ng tr&igrave;nh chỉnh sửa.</li>
<li style="font-weight: 400;" aria-level="1">Ctrl + Enter (hoặc Cmd + Enter trong macOS) trong danh s&aacute;ch tệp Mở nhanh (Ctrl + P).</li>
</ul>
&nbsp;
<h1 style="text-align: justify;">Sao ch&eacute;p d&ograve;ng m&atilde; l&ecirc;n hoặc xuống</h1>
<img style="width: 700px; display: block; margin-left: auto; margin-right: auto;" src="https://tek4.vn/public_files/19db89a1-e4c1-435b-86c7-c787fcf47668" alt="Sao ch&eacute;p d&ograve;ng m&atilde; l&ecirc;n hoặc xuống" />
<table style="border-collapse: collapse; width: 100%;" border="1">
<tbody>
<tr>
<td style="width: 99.0081%;">
Windows: Shift + Alt + Up hoặc Shift + Alt + Down
macOS: Shift + Option + Up&nbsp; hoặc Shift + Option + Down
</td>
</tr>
</tbody>
</table>
&nbsp;
<h1 style="text-align: justify;">Di chuyển d&ograve;ng m&atilde; l&ecirc;n hoặc xuống</h1>
<img style="width: 700px; display: block; margin-left: auto; margin-right: auto;" src="https://tek4.vn/public_files/867df934-2fa8-4229-891f-3765ea9feffe" alt="Di chuyển d&ograve;ng m&atilde; l&ecirc;n hoặc xuống" />
<table style="border-collapse: collapse; width: 100%;" border="1">
<tbody>
<tr>
<td style="width: 99.0081%;">
Windows: Alt + Up hoặc Alt + Down
macOS: Alt + Up hoặc Alt + Down
</td>
</tr>
</tbody>
</table>
&nbsp;
<h1 style="text-align: justify;">Code Folding</h1>
<img style="width: 700px; display: block; margin-left: auto; margin-right: auto;" src="https://tek4.vn/public_files/e93fea1c-fa40-4f76-8788-6af98b119975" alt="Code Folding" />
T&iacute;nh năng gấp m&atilde; đ&atilde; l&agrave; một t&iacute;nh năng cực kỳ hữu &iacute;ch kể từ khi n&oacute; được tung ra. Khi c&aacute;c d&ograve;ng m&atilde; trong tệp tăng l&ecirc;n, việc gấp m&atilde; sẽ gi&uacute;p thu gọn c&aacute;c d&ograve;ng m&atilde;.
Gấp v&ugrave;ng chưa được mở trong c&ugrave;ng tại con trỏ:
<table style="border-collapse: collapse; width: 100%;" border="1">
<tbody>
<tr>
<td style="width: 99.0081%;">
Windows: Ctrl + Shift + [
macOS: Cmd + Option + [
</td>
</tr>
</tbody>
</table>
&nbsp;
Giải ph&oacute;ng v&ugrave;ng thu gọn tại con trỏ:
<table style="border-collapse: collapse; width: 100%;" border="1">
<tbody>
<tr>
<td style="width: 99.0081%;">
Windows: Ctrl + Shift +]
macOS: Cmd + Option +]
</td>
</tr>
</tbody>
</table>
&nbsp;
<h1 style="text-align: justify;">Mở nhanh bất kỳ tệp n&agrave;o</h1>
<img style="width: 700px; display: block; margin-left: auto; margin-right: auto;" src="https://tek4.vn/public_files/f9e20ffb-2cfb-4314-bc50-64a84130ea4f" alt="Mở nhanh bất kỳ tệp n&agrave;o" />
<table style="border-collapse: collapse; width: 100%;" border="1">
<tbody>
<tr>
<td style="width: 99.0081%;">
Windows: Ctrl + P
macOS: Cmd + P
</td>
</tr>
</tbody>
</table>
&nbsp;
<h1 style="text-align: justify;">Kết luận</h1>
Trong nhiều năm qua, Visual Studio Code đ&atilde; ph&aacute;t triển th&agrave;nh tr&igrave;nh soạn thảo m&atilde; được ưa chuộng. Tr&ecirc;n thực tế, theo Khảo s&aacute;t ph&aacute;t triển Stack Overflow 2021, Visual Studio Code l&agrave; c&ocirc;ng cụ m&ocirc;i trường d&agrave;nh cho lập tr&igrave;nh vi&ecirc;n phổ biến nhất, trong số 82.000 người được hỏi th&igrave; 70% người c&oacute; sử dụng n&oacute;.
B&agrave;i viết n&agrave;y đ&atilde; liệt k&ecirc; c&aacute;c ph&iacute;m tắt m&agrave; bạn c&oacute; thể sử dụng. Tuy nhi&ecirc;n, ngo&agrave;i ra c&ograve;n c&oacute; một số lượng lớn c&aacute;c ph&iacute;m tắt c&oacute; thể gi&uacute;p bạn viết m&atilde; nhanh hơn.
Bạn c&oacute; thể lấy danh s&aacute;ch đầy đủ tại đường link sau đ&acirc;y: d&agrave;nh cho <a href="https://code.visualstudio.com/shortcuts/keyboard-shortcuts-windows.pdf">Windows </a>v&agrave; <a href="https://code.visualstudio.com/shortcuts/keyboard-shortcuts-macos.pdf">macOS</a>.

Admin

12 phím tắt Visual Studio Code mà mọi lập trình viên cần biết

Cùng tác giả

Admin

Có liên quan