Trong b&agrave;i viết n&agrave;y, <a href="https://tek4.vn/">Tek4.vn</a> sẽ tiếp tục series giới thiệu tới bạn c&aacute;c tiện &iacute;ch VSCode hữu &iacute;ch d&agrave;nh cho lập tr&igrave;nh vi&ecirc;n. C&ugrave;ng kh&aacute;m ph&aacute; với ch&uacute;ng m&igrave;nh nh&eacute;!
<h1 style="text-align: justify;">Material Icon Theme</h1>
Lập tr&igrave;nh vi&ecirc;n thường phải xử l&yacute; kh&aacute; nhiều định dạng v&agrave; tiện &iacute;ch mở rộng tệp. Việc x&aacute;c định c&aacute;c tệp trở n&ecirc;n phức tạp khi codebase ng&agrave;y c&agrave;ng lớn. Với Material Icon Theme, biểu tượng tệp sẽ được highlight m&agrave;u v&agrave; bạn c&oacute; thể dễ d&agrave;ng ph&acirc;n biệt giữa c&aacute;c tệp.<a href="https://marketplace.visualstudio.com/items?itemName=PKief.material-icon-theme"><img style="width: 700px; display: block; margin-left: auto; margin-right: auto;" src="https://tek4.vn/public_files/42adc84a-ef38-4aeb-8cf9-a390719e2750" alt="Material Icon Theme" /></a>
Nguồn: <a href="https://marketplace.visualstudio.com/items?itemName=PKief.material-icon-theme">Material Icon Theme - Visual Studio Marketplace</a>
&nbsp;
<h1 style="text-align: justify;">YAML</h1>
YAML c&oacute; thể l&agrave; &aacute;c mộng đối với việc x&aacute;c thực v&agrave; c&agrave;i đặt Devops/InfraOps. Một khoảng trống thừa hay sai tab c&oacute; thể dẫn đến tệp YAML kh&ocirc;ng hợp lệ v&agrave; mất rất nhiều thời gian để debug. Tiện &iacute;ch c&ugrave;ng t&ecirc;n ch&iacute;nh l&agrave; c&ocirc;ng cụ gi&uacute;p bạn giải quyết c&aacute;c vấn đề đ&oacute;.
<a href="https://marketplace.visualstudio.com/items?itemName=redhat.vscode-yaml"><img style="width: 700px; display: block; margin-left: auto; margin-right: auto;" src="https://tek4.vn/public_files/68475dac-b598-4007-9676-c55ff761a466" alt="YAML" /></a>
Nguồn : <a href="https://marketplace.visualstudio.com/items?itemName=redhat.vscode-yaml">YAML - Visual Studio Marketplace</a>
<h1 style="text-align: justify;">Remote - SSH</h1>
Tiện &iacute;ch n&agrave;y cho ph&eacute;p bạn SSH v&agrave;o c&aacute;c m&aacute;y t&iacute;nh từ xa. Từ đ&oacute;, ta c&oacute; thể dễ d&agrave;ng ph&aacute;t triển v&agrave;/hoặc khắc phục sự cố trong nhiều trường hợp li&ecirc;n quan đến đ&aacute;m m&acirc;y v&agrave; m&aacute;y ảo tại chỗ. Bạn cũng kh&ocirc;ng cần c&oacute; source code tr&ecirc;n m&aacute;y cục bộ v&igrave; tiện &iacute;ch sẽ trực tiếp chạy d&ograve;ng lệnh v&agrave; c&aacute;c tiện &iacute;ch mở rộng kh&aacute;c tr&ecirc;n m&aacute;y t&iacute;nh từ xa.
<a href="https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.remote-ssh"><img style="width: 700px; display: block; margin-left: auto; margin-right: auto;" src="https://tek4.vn/public_files/ce3c503c-ba7c-4506-8f4b-fc0229b95d6c" alt="Remote - SSH" /></a>
Nguồn: <a href="https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.remote-ssh">Remote - SSH - Visual Studio Marketplace</a>
&nbsp;
<h1 style="text-align: justify;">Code Spell Checker</h1>
Đ&acirc;y l&agrave; một tiện &iacute;ch kiểm tra lỗi ch&iacute;nh tả hoạt động tốt với code camelCase như C, C++ v&agrave; JavaScript. Tiện &iacute;ch kiểm tra c&aacute;c lỗi ch&iacute;nh tả thường gặp v&agrave; đồng thời duy tr&igrave; tỉ lệ b&aacute;o động nhầm thấp nhất c&oacute; thể.
<a href="https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker"><img style="width: 700px; display: block; margin-left: auto; margin-right: auto;" src="https://tek4.vn/public_files/39fd7c7d-949f-4291-884a-b14ad1637744" alt="Code Spell Checker" /></a>
Nguồn: <a href="https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker">Code Spell Checker - Visual Studio Marketplace</a>
&nbsp;
<h1 style="text-align: justify;">Code Runner</h1>
Tiện &iacute;ch được d&ugrave;ng để chạy thử một đoạn code thay v&igrave; cả tệp/dự &aacute;n bằng c&aacute;ch highlight code qua tổ hợp ph&iacute;m tắt cho trước hoặc d&ugrave;ng chuột. Đ&acirc;y l&agrave; một t&iacute;nh năng chưa từng xuất hiện trong c&aacute;c tr&igrave;nh soạn thảo SQL.
<a href="https://marketplace.visualstudio.com/items?itemName=formulahendry.code-runner"><img style="width: 700px; display: block; margin-left: auto; margin-right: auto;" src="https://tek4.vn/public_files/51964d56-3602-4e4e-bb71-eb41b305e299" alt="Code Runner" /></a>
Nguồn: <a href="https://marketplace.visualstudio.com/items?itemName=formulahendry.code-runner">Code Runner - Visual Studio Marketplace</a>
&nbsp;
<h1 style="text-align: justify;">Live Server</h1>
Tiện &iacute;ch n&agrave;y cho ph&eacute;p lập tr&igrave;nh vi&ecirc;n website chạy phi&ecirc;n bản live của code. C&aacute;c t&iacute;nh năng bao gồm khởi chạy m&aacute;y chủ ph&aacute;t triển cục bộ với t&iacute;nh năng tải lại phi&ecirc;n bản live, kết hợp c&aacute;c ph&iacute;m tắt để khởi động v&agrave; dừng m&aacute;y chủ, điều khiển ph&iacute;m n&oacute;ng, kết nối từ xa v&agrave; debug chrome.
<a href="https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer"><img style="width: 700px; display: block; margin-left: auto; margin-right: auto;" src="https://tek4.vn/public_files/6d3bf444-3bb4-49e2-adfc-8831685ca91d" alt="Live Server" /></a>
Nguồn: <a href="https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer">Live Server - Visual Studio Marketplace</a>
&nbsp;
<h1 style="text-align: justify;">GitLens</h1>
Một tiện &iacute;ch kh&aacute; phổ biến, mục đ&iacute;ch l&agrave; t&iacute;ch hợp Git v&agrave;o VSCode. GitLens cho ph&eacute;p lập tr&igrave;nh vi&ecirc;n nhanh ch&oacute;ng điều hướng v&agrave; theo d&otilde;i code được thay đổi, chỉnh sửa như thế n&agrave;o v&agrave; xung đột hợp nhất c&oacute; thể c&oacute;.
<a href="https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens"><img style="width: 700px; display: block; margin-left: auto; margin-right: auto;" src="https://tek4.vn/public_files/625d7538-6f84-4695-bf0e-f41e3b627fa3" alt="GitLens" /></a>
Nguồn: <a href="https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens">GitLens - Git supercharged - Visual Studio Marketplace</a>
&nbsp;
<h1 style="text-align: justify;">Code Time</h1>
Code Time gi&uacute;p bạn theo d&otilde;i hiệu suất l&agrave;m việc bằng c&aacute;ch xem thời gian code v&agrave; segment n&agrave;o của dự &aacute;n tốn nhiều thời gian nhất. Tiện &iacute;ch cung cấp số liệu theo thời gian thực như thống k&ecirc; code, số d&ograve;ng code, tổ hợp ph&iacute;m đ&atilde; d&ugrave;ng, v.v
<img style="width: 700px; display: block; margin-left: auto; margin-right: auto;" src="https://tek4.vn/public_files/16bceae0-b840-4566-a250-657f4c3898a5" alt="Code Time" />
Nguồn: <a href="https://marketplace.visualstudio.com/items?itemName=softwaredotcom.swdc-vscode">Code Time - Visual Studio Marketplace</a>
&nbsp;
<h1 style="text-align: justify;">Parquet Viewer</h1>
Đ&acirc;y l&agrave; c&ocirc;ng cụ d&agrave;nh cho kỹ sư data/Big Data. Bạn kh&ocirc;ng thể đọc trực tiếp một tệp parquet v&agrave; cần chuyển đổi n&oacute; th&agrave;nh định dạng JSON hoặc sử dụng c&ocirc;ng cụ hỗ trợ. Tiện &iacute;ch n&agrave;y sẽ tự động chuyển đổi tệp parquet th&agrave;nh định dạng JSON tương đương.
<a href="https://marketplace.visualstudio.com/items?itemName=dvirtz.parquet-viewer"><img style="width: 700px; display: block; margin-left: auto; margin-right: auto;" src="https://tek4.vn/public_files/516ffc6e-4d2b-4e1b-95b5-2b2111120210" alt="Parquet Viewer" /></a>
Nguồn: <a href="https://marketplace.visualstudio.com/items?itemName=dvirtz.parquet-viewer">parquet-viewer - Visual Studio Marketplace</a>
&nbsp;
<h1 style="text-align: justify;">TabOut</h1>
Tiện &iacute;ch được d&ugrave;ng để tho&aacute;t khỏi dấu ngoặc k&eacute;p, dấu ngoặc trong code. Đ&acirc;y l&agrave; một tiện &iacute;ch được nhiều lập tr&igrave;nh vi&ecirc;n mong chờ nhất bởi n&oacute; c&oacute; thể gi&uacute;p tiết kiệm rất nhiều thời gian code.
<img style="width: 700px; display: block; margin-left: auto; margin-right: auto;" src="https://tek4.vn/public_files/6338214b-9853-4a75-89e7-cd1495fe26eb" alt="TabOut" />
Nguồn: <a href="https://marketplace.visualstudio.com/items?itemName=albert.TabOut">TabOut - Visual Studio Marketplace</a>
&nbsp;
<h1 style="text-align: justify;">Bookmarks</h1>
Đ&uacute;ng như c&aacute;i t&ecirc;n của n&oacute;, tiện &iacute;ch n&agrave;y đ&aacute;nh dấu code để bạn c&oacute; thể quay trở lại chỉnh sửa sau đ&oacute; m&agrave; kh&ocirc;ng cần phải t&igrave;m kiếm trong mệt mỏi!
<a href="https://marketplace.visualstudio.com/items?itemName=alefragnani.Bookmarks"><img style="width: 700px; display: block; margin-left: auto; margin-right: auto;" src="https://tek4.vn/public_files/cd922856-68ae-4dee-9bc5-166eeaa238d7" alt="Bookmarks" /></a>
Nguồn: <a href="https://marketplace.visualstudio.com/items?itemName=alefragnani.Bookmarks">Bookmarks - Visual Studio Marketplace</a>
&nbsp;
Kết luận
Tr&ecirc;n đ&acirc;y l&agrave; một số tiện &iacute;ch VSCode hữu &iacute;ch Tek4.vn giới thiệu tới bạn. Hi vọng b&agrave;i viết c&oacute; &iacute;ch với bạn v&agrave; ch&uacute;c bạn th&agrave;nh c&ocirc;ng!

Admin

Một số tiện ích VSCode hữu ích dành cho lập trình viên

Cùng tác giả

Admin

Có liên quan