Top extension Visual Studio Code giúp bạn lập trình dễ dàng hơn

Visual Studio Code của Microsoft là một trong những phần mềm soạn thảo code miễn phí tốt nhất hiện nay. Nó cung cấp đầy đủ tính năng lập trình dễ sử dụng và phát triển app Electron tuyệt vời. Ngoài những lí do kể trên, Visual Studio Code còn được yêu thích ở khả năng mở rộng đáng kinh ngạc.

Giống như nhiều phần mềm chỉnh sửa code phổ biến khác, Visual Studio Code có sẵn hàng loạt extension để tùy biến tính năng của nó. Chúng có thể thay đổi cách Visual Studio Code hoạt động, chẳng hạn như thêm các kết hợp phím kiểu Vim hoặc Emacs. Dưới đây là top extension Visual Studio Code tốt nhất và cách cài đặt nó.

Cách cài đặt extension Visual Studio Code

Thật dễ cài đặt Visual Studio Code bằng vài click chuột. Hãy nhấp vào icon Extensions ở bên trái màn hình - nằm ở vị trí thứ 5 tính từ trên xuống, ngay dưới icon Debug.

Giờ hãy gõ tên hoặc một phần tên extension bạn muốn cài đặt. Hãy click vào tên đó để đọc giới thiệu về extension, rồi nhấn biểu tượng Install để cài đặt.

1. Visual Studio IntelliCode

Top extension Visual Studio Code giúp bạn lập trình dễ dàng hơn

phát triển bởi Microsoft DevLabs, Visual Studio IntelliCode là extension tăng cường trí tuệ nhân tạo phát triển code. Tiện ích này hiện hỗ trợ Python, javascript/TypeScript và Java.

Nếu đã từng dùng Intellisense trong Visual Studio hoặc Visual Studio Code, bạn sẽ có tính năng đó, thậm chí nó còn thông minh hơn trong Visual Studio IntelliCode.

Dù vẫn ở giai đoạn phát triển ban đầu, Visual Studio IntelliCode đã gây ấn tượng mạnh mẽ. Trong tương lai, có khả năng bạn sẽ thấy nó được tích hợp sẵn trong Visual Studio Code.

2. Settings Sync

Hầu hết lập trình viên đều tinh chỉnh ít nhất một vài cài đặt trong phần mềm soạn thảo code. Nhiều người thậm chí còn chỉnh sâu hơn, tùy biến nó phù hợp với phong cách làm việc cá nhân. Nếu thường xuyên làm việc trên nhiều thiết bị, thường xuyên phải chỉnh cài đặt bằng tay thật khó chịu phải không?

Settings Sync sẽ giúp bạn khắc phục vấn đề này. Sử dụng một GitHub Gist đơn giản, Settings Sync dễ dàng đồng bộ các thiết lập, bao gồm extension khác và cấu hình của chúng. Bạn chỉ cần tiến hành thay đổi trên một máy, đồng bộ cài đặt là bạn có thể dễ dàng mang chúng lên tất cả thiết bị khác.

Mất vài phút để cài đặt Settings Syncs. Sau đó, bạn sẽ không phải làm gì hay nghĩ về nó nữa. Hướng dẫn cài đặt tiện ích này có sẵn ở phần giới thiệu Extension trong Visual Studio Code.

3. Path Intellisense

Nếu dùng Visual Studio Code để chỉnh sửa file cấu hình cá nhân hoặc hệ thống, Path Intellisense có thể là công cụ hỗ trợ hữu ích với bạn. Extension này thêm tính năng hoàn thiện tên file kiểu Intellisense, cho phép bạn dễ dàng gõ tên đường dẫn dài mà không cần phải lưu chúng vào bộ nhớ.

Đây là extension tương đối đơn giản với một vài tùy chọn cấu hình. Bạn có thể chọn hoặc không thêm dấu gạch chéo vào sau tên danh mục. Tùy chọn khác bao gồm đính kèm hoặc không tên file trong lệnh nhập và bỏ định dạng tập tin nào đó.

4. Task Explorer

Extension Task Explorer bổ sung các chức năng chạy tác vụ kiểu IDE vào Visual Studio Code. Tiện ích ích không chỉ xây dựng tác vụ cho dự án hiện tại mà còn hỗ trợ cả bash, Python và các tập lệnh khác.

Task Explorer hỗ trợ bộ công cụ phát triển code chuẩn đa dạng và phong phú, bao gồm NPM, Grunt, Gulp, Ant, Make, thậm chí cả Visual Studio Code. Extension tùy biến này cho phép người dùng chỉnh đường dẫn cho từng trình chạy tác vụ và ngôn ngữ script. Chúng đặc biệt hữu ích khi bạn đã cài nhiều phiên bản và muốn sử dụng một phiên bản nhất định.

5. GitLens

Visual Studio Code có chức năng tích hợp Git. Vì thế, có thể bạn không cần tới extension này. Tuy nhiên, GitLens thêm một vài tính năng giúp bạn hình dung, điều hướng và hiểu lịch sử Git của dự án.

Tính năng nổi bật của GitLens chính là thêm một trình xem chia đôi khác biệt và mạnh mẽ giúp bạn dễ hình dung điểm khác nhau giữa các commit và branch. Extension này cũng cho phép bạn tìm kiếm khắp lịch sử commit dự án, tìm kiếm theo tác giả, file, thông tin commit…

Tính năng khác bao gồm một heat map cho phép người dùng thấy vị trí hầu hết công việc đang diễn ra trong file nhất định ở Visual Studio Code. Nhìn chung, nếu phụ thuộc nhiều vào GIt, bạn nên thử plugin này.

6. Prettier

Nếu là lập trình viên front-end, nhất là khi cần tuân thủ hướng dẫn định dạng, Prettier có thể là “người bạn thân thiết” với bạn. Extension Prettier tự động định dạng javascript, TypeScript, CSS bằng công cụ định dạng code cùng tên.

Dựa trên code bạn viết, Prettier sẽ viết lại chúng theo hướng dẫn định dạng nghiêm ngặt. Đây là một extension “ngoan cố”, nghĩa là nó tự đưa ra một số quyết định, nhưng bạn có thể dùng Prettier cùng các công cụ eslint hoặc tslint để đảm bảo nó tuân theo cấu hình linting của riêng bạn.

7. Bracket Pair Colorizer

Bracket Pair Colorizer là plugin có tác dụng đúng như tên gọi. Nó tự động tô màu các ký tự nhất định nhằm giúp người dùng biết một đoạn code nào đó lồng vào nhau ở mức độ nào. Mặc dù một số ngôn ngữ lập trình có hỗ trợ tính năng này nhưng không phải tất cả, do đó, hãy sử dụng Bracket Pair Colorizer khi cần nhé.

Mặc định, (), [], {} được kết hợp với nhau nhưng bạn cũng có thể xác định các dấu ngoặc muốn kết hợp khác. Những loại plugin này thường phân cực nhưng nếu không chắc có thực sự cần nó hay không, hãy thử Bracket Pair Colorizer.

8. Code Time

Đã bao giờ bạn tự hỏi bạn dùng trình soạn thảo code bao lâu một tuần chưa? Thời điểm nào trong ngày hay ngày lập trình tốt nhất trong tuần là lúc nào chưa? Nếu câu trả lời là có, hãy sử dụng Code Time.

Code Time đo hoạt động của bạn trong Visual Studio Code và báo cáo các hoạt động trên cho bạn cùng các chỉ số khác. Bạn sẽ thấy các chỉ số ở thời gian thực trên thanh trạng thái và một bảng điều khiển chỉnh sửa để có trình xem tốt hơn.

Bạn có thể thiết lập Code Time để gửi báo cáo qua email hàng tuần, Google Calendar tích hợp cho phép bạn tự động thiết lập thời gian lập trình tốt nhất.

9. REST Client

Dù là lập trình viên web front-end hay dành hầu hết thời gian trên server, bạn có thể gặp phải các trường hợp cần dùng REST API. Thực tế có nhiều plugin trình duyệt và công cụ khác cho nhiệm vụ này nhưng nếu đã dành hầu hết thời gian vào phần mềm biên tập code, hãy dùng REST Client để code thoải mái nhất.

Đây là extension tương đối đơn giản đúng như tên gọi của nó. Bạn dễ dàng dùng nó để gửi các truy vấn HTTP cùng lệnh cURL. Ngoài ra, tiện ích mở rộng này còn hỗ trợ xác thực cơ bản, Digest Authentication, chứng chỉ client SSL và nhiều hơn thế nữa.

Trên đây là top extension giúp lập trình viên nâng cao hiệu suất hoạt động trong Visual Studio Code. Đừng ngại chia sẻ với chúng tôi nếu biết thêm lựa chọn nào khác nhé!

https://tip.download.com.vn/top-extension-visual-studio-code-giup-ban-lap-trinh-de-dang-hon-18324

BẠN SẼ QUAN TÂM

Thủ thuật 8-05-2019, 14:20

Hàng cây nhà lá vườn của Apple thì luôn luôn chất lượng rồi. Trình giả lập này là một phần trong bộ công cụ Xcode do

Thủ thuật
0.0

Tin tức ICT 22-08-2018, 10:43

Bây giờ bạn không cần tải bất kỳ extension hỗ trợ nào, đơn giản chỉ là truy cập vào Chrome Web Store > click vào

Tin tức ICT
0.0

Thủ thuật 25-11-2017, 09:11

Mình xin chia sẻ cho các bạn một extension nhỏ trên Chrome và Cốc Cốc, giúp tải max speed trên Fshare mà không cần đăng

Thủ thuật
0.0

Thủ thuật / Tiện ích Internet 20-10-2017, 15:04

Nếu bạn đã quá nhàm chán với giao diện mặc định của Tab mới trên trình duyệt Chrome, Flickr Extension sẽ giúp bạn tạo

Tiện ích Internet
0.0

Thủ thuật 28-09-2017, 17:05

Khi mở một ứng dụng hay chương trình trên máy tính Windows, nếu gặp lỗi 'Chương trình không thể hoạt động bởi thiếu

Thủ thuật
0.0

Thủ thuật 12-07-2017, 17:37

Trình biên tập code đa nền tảng của Microsoft - Visual Studio Code ngày càng phổ biến và được cập nhật liên tục. Giờ

Thủ thuật
0.0

Thế giới Games 30-11-2016, 12:11

Đặc biệt đối với nhiều người thì đây là thể loại game “tuyệt vời” và lôi cuốn đến mức “không thể tin nổi”.

Thế giới Games
0.0

Tin tức ICT 16-04-2012, 12:23

Microsoft ra mắt trình trợ giúp tại chỗ (local help viewer) cho Visual Studio 2010, tích hợp Project Server với Team

Tin tức ICT
0.0
ĐỪNG BỎ LỠ