Visual Studio Code là một mã nguồn mở được phát triển bởi Microsoft, hoàn toàn miễn phí và luôn cập nhật các phiên bản phù hợp với người dùng. Công cụ này còn cung cấp các phần mở rộng (hay còn gọi là Extension) giúp chúng ta có thể viết code nhanh hơn hay có cách quản lý các file hiệu quả, dễ dàng hơn. Cùng GhienCongNghe tìm hiểu ngay các Extension hay cho Visual Studio Code qua bài viết sau nhé.

Các Extension hay cho Visual Studio Code bạn cần có

Là dân công nghệ thông tin, bạn không thể bỏ qua danh sách các Extension hay cho Visual Studio Code dưới đây nhé.

Settings Sync

Settings Sync cho phép người dùng đồng bộ hóa nhiều thứ trong VS Code, từ các chủ đề, biểu tượng đến các đoạn mã, hay trình khởi chạy và nhiều tiện ích mở rộng khác.

Lợi ích: Tiết kiệm thời gian và cho phép truy cập vào IDE từ mọi thiết bị.

GitLens

GitLens là phần mở rộng mã nguồn mở, là sự kết hợp các tính năng của Git với VS Code. Tiện ích này cho phép bạn có thể quan sát những ai và tại sao các dòng mã lại thay đổi thông qua ống kính mã và chú thích Git.

Lợi ích: Hiểu rõ hơn về mã của mình, có thể khám phá lịch sử và sự phát triển của cơ sở mã.

Visual Studio IntelliCode

Đoạn mở rộng này hỗ trợ các nhà phát triển cũng như lập trình viên cùng nhiều đề xuất hoàn thành mã do AI hỗ trợ.

Lợi ích: Tiết kiệm thời gian nhờ vào việc sử dụng trí tuệ nhân tạo để gợi ý code.

Prettier

Prettier là một trình định dạng mã cố định, thực hiện theo quy trình thống nhất bằng việc phân tích cú pháp các đoạn mã của người dùng để in lại đoạn mã đó với những quy tắc riêng cần thiết.

Lợi ích: Có định dạng và kiểu dáng thống nhất nên tiết kiệm rất nhiều thời gian. Sắp chữ, định dạng trông đẹp hơn.

Better Comments

Better Comments tạo môi trường để nhận xét thân thiện hơn trong mã của người dùng, phân loại các nhận xét thành việc cần làm, đánh dấu, cảnh báo,..

Lợi ích: Mã rõ ràng và dễ chạy sẽ tiết kiệm rất nhiều thời gian.

Bracket Pair Colorizer

Lợi ích của Bracket Pair Colorizer là tiết kiệm thời gian cho bạn, hạn chế tối đa sự nhầm lẫn mã.

Snippets

Snippets sẽ giúp bạn nhập các mẫu mã lặp lại dễ dàng hơn. Code Snippets còn hỗ trợ các trình kích hoạt nhập và xuất, trình trợ giúp. Đây cũng là một trong các Extension hay cho Visual Studio Code mà bạn nên sở hữu.

Lợi ích: Tiết kiệm thời gian và tăng tối đa năng suất.

Live Share

Visual Studio Live Share hỗ trợ chỉnh sửa và gỡ lỗi với những người khác ở thời gian thực tế trên bất kỳ ngôn ngữ lập trình nào mà bạn đang sử dụng.

Lợi ích: Cho phép chia sẻ nhanh chóng và an toàn các dự án.

Ponicode

Ponicode cho phép người dùng tạo, sửa đổi và trực quan hóa các bài kiểm tra đơn vị của bạn trong thời gian ngắn, chỉ vài giây.

Lợi ích: Hỗ trợ kiểm thử đơn vị, tiết kiệm thời gian và bảo mật cho mã cao.

Remote – SSH

Phần mở rộng Remote – SSH cho phép bạn phát triển và hoặc khắc phục sự cố dễ dàng hơn.

Git History

Git History cung cấp hình ảnh trực quan về nhật ký git. Phần mở rộng của Git History cũng rất đa dạng, bạn có thể so sánh các tệp, tra cứu các ảnh trên Github cũng rất nhanh chóng.

Code Spell Checker

Code Spell Checker là phần mở rộng hỗ trợ tính năng gạch chân các từ mà trong từ điển của nó không có.

Colorize

Colorize sẽ hiển thị các màu CSS ở các tệp CSS / SASS / Less /… của bạn. Vì vậy, bạn sẽ dễ dàng nhìn thấy màu sắc của mình đang ở đâu.

Icon Fonts

Icon Fonts cung cấp các đoạn mã cho nhiều loại phông chữ biểu tượng và có sẵn cho Sublime Text của cả những bạn không dùng VSCode.

Vscode-icons

Biểu tượng VSCode sẽ thêm một loạt màu sắc và những biểu tượng nhỏ vào IDE của bạn. Đây cũng là một trong các Extension hay cho Visual Studio Code mà bạn nên sở hữu.

Các Extension hay cho Visual Studio Code cho Web Developer

Cùng tìm hiểu tiếp các Extension hay cho Visual Studio Code cho Web Developer nhé.

Debugger for Chrome

Debugger for Chrome là một tiện ích mở rộng VS Code hỗ trợ gỡ lỗi mã JavaScript của bạn trong trình duyệt Google Chrome. Nó giúp bạn gỡ lỗi tập lệnh eval và thẻ tập lệnh.

Lợi ích: Phát hiện ra các lỗi sớm hơn, thu thập thông tin hữu ích về cấu trúc dữ liệu.

Live Server

Live Server cho phép tính năng tải lại trực tiếp ở cả trang tĩnh và trang động. Bạn sẽ có thể quan sát các lỗi nhanh hơn với phần mở rộng này.

Auto Rename Tag

Auto Rename Tag sẽ tự động đổi tên các thẻ mà bạn thay đổi. Tiện ích mở rộng các hoạt động cho HTML, XML, PHP và JavaScript. Đây cũng là một trong các Extension hay cho Visual Studio Code mà bạn nên sở hữu.

CSS Peek

Tiện ích mở rộng này có lợi ích lớn với những nhà phát triển Frontend. CSS Peek cho phép bạn mở rộng tệp HTML và .js của mình để hiển thị các đoạn mã CSS / SASS / LESS trong mã nguồn.

JavaScript Code Snippets

JS Code Snippets sẽ có nhiều trình kích hoạt nhập và xuất cũng như trình trợ giúp lớp.

Phần mở rộng hỗ trợ JS, TypeScript, JS React, TS React, HTML và Vue. Trong VSCode Marketplace, các đoạn mã cho Angular hay các phiên bản khác cũng có sẵn.

Các Extension hay cho Visual Studio Code C++

Cùng tìm hiểu tiếp các Extension hay cho Visual Studio Code C++ qua các mục dưới đây nhé.

C/C++ Extension Pack

C / C ++ Extension Pack bổ sung hỗ trợ ngôn ngữ cho C / C ++ vào Visual Studio Code, bao gồm các tính năng như IntelliSense cũng như gỡ lỗi.

Visual Assist

Visual Assist là công cụ tăng hiệu quả viết code của bạn. Các tính năng của công cụ này bao gồm tự động hoàn thành, tạo mã và gỡ lỗi.

Code Runner

Code Runner có nhiều tiện ích mở rộng nên bạn có thể tải xuống Code Runner. Đây cũng là một trong các Extension hay cho Visual Studio Code mà bạn nên sở hữu.

ReSharperC++

ReSharperC++ là phiên bản nâng cao hơn của Visual Assist và chỉ hoạt động cho C ++. Với ReSharperC++, bạn có thể tăng chất lượng mã của mình, tổ chức và chuyển đổi các dòng mã hiệu quả hơn.

FastFind

FastFind là một công cụ hoàn hảo để lướt mã bằng cách định vị văn bản trong tệp. Nó giúp bạn tự động cập nhật mỗi khi viết một mã phức tạp. Nó có một tính năng Jumping cho phép bạn chuyển đến các tệp tiêu đề.

Sonarlint

Sonarlint là một phần mở rộng cho C #, C ++, C, VB.Net và JS. Nó giúp bạn tìm ra lỗi trong chương trình và duy trì chất lượng của các chương trình đó.

Các Extension hay cho Visual Studio Code HTML

Tiếp theo, với HTML, hãy tham khảo các Extension hay cho Visual Studio Code này nhé.

Javascript (ES6) Code Snippets

Tiện ích mở rộng Javascript (ES6) Code Snippets sẽ giúp bạn không viết lại đoạn mã lặp đi lặp lại và cung cấp các đoạn mã JavaScript, TypeScript, Vue, React và HTML. Điều này cho phép bạn phát triển Web của mình tốt hơn.

CSS Peek

Phần mở rộng CSS Peek cho phép bạn chuyển đến mã HTML-CSS bằng cách sử dụng các lớp và ID.

Auto Close Tag

Tiện ích mở rộng Auto Close Tag tự động thêm thẻ đóng HTML và XML.

REST Client

REST Client như một Postman có thể kiểm tra các API của bạn, đồng thời còn có thể kiểm tra các API và xem phản hồi của chúng trực tiếp trong mã studio trực quan.

ESLint

ESLint là tiện ích linting cho JavaScript. Nó kiểm tra mã của bạn để tìm các lỗi phổ biến và cho bạn biết trong chính trình chỉnh sửa.

Path Intellisense

Nhập mã từ các tệp khác là những gì mọi người làm hàng ngày. Phần mở rộng Path Intellisense giúp bạn tiết kiệm thời gian bằng cách tự động điền tên tệp.

Project Manager

Project Manager là phần mở rộng giúp người dùng có thể quản lý nhiều dự án trong mã studio trực quan. Đây cũng là một trong các Extension hay cho Visual Studio Code mà bạn nên sở hữu.

Live Server

Tiện ích mở rộng Live Server cung cấp bản xem trước trực tiếp của ứng dụng web của bạn ngay trong trình chỉnh sửa.

Debugger for Chrome

Tiện ích mở rộng Debugger for Chrome đã đưa trình gỡ lỗi vào ngay mã studio trực quan, giúp bạn có thể thực hiện kiểm tra và gỡ lỗi.

Better Comments

Tiện ích mở rộng Better Comments giúp bạn tạo các nhận xét thân thiện với con người và dễ đọc hơn.

Code time

Code time theo dõi thời gian phát triển và cung cấp cho bạn các số liệu thống kê hữu ích về thời gian bạn sử dụng.

Polacode

Bạn có thể sử dụng tiện ích mở rộng Polacode để tạo một polaroid mã đẹp và chia sẻ nó.

Các Extension hay cho Visual Studio Code cho Dev Laravel

Cùng khám phá tiếp các Extension hay cho Visual Code dành cho Dev Laravel thôi nào.

Laravel Blade Snippets

Phần mở rộng Laravel blade snippets bổ sung hỗ trợ đánh dấu cú pháp cho Laravel Blade vào trình soạn thảo VS Code của bạn.

Một số tính năng chính của tiện ích mở rộng này là:

• Đánh dấu cú pháp lưỡi.
• Đoạn mã lưỡi.
• Emmet hoạt động trong mẫu lưỡi.
• Định dạng lưỡi.

Laravel Snippets

Một số tiền tố đoạn mã được hỗ trợ trên phần mở rộng Laravel Snippets bao gồm:

• Bộ nhớ đệm.
• Cấu hình.
• Bảng điều khiển.
• Bánh quy.

Laravel Blade Spacer

Laravel Blade Spacer tự động thêm khoảng cách vào các điểm đánh dấu tạo khuôn lưỡi của bạn. Điều này giúp bạn tiết kiệm thời gian của mình hơn.

Laravel Artisan

Nó cho phép bạn chạy các lệnh Laravel Artisan trực tiếp từ trong Visual Studio Code. Đây cũng là một trong các Extension hay cho Visual Studio Code mà bạn nên sở hữu.

Một số tính năng chính là:

• Tạo các tệp như Bộ điều khiển, Di chuyển.
• Chạy các lệnh tùy chỉnh của riêng bạn.
• Quản lý cơ sở dữ liệu của bạn.
• Xóa bộ nhớ đệm.

Laravel Extra Intellisense

Phần mở rộng Laravel Extra Intellisense cung cấp tính năng tự động hoàn thành cho Laravel trong VSCode.

Tiện ích mở rộng đi kèm với tính năng tự động hoàn thành cho:

• Tên tuyến đường và thông số tuyến đường.
• Cấu hình.
• Chức năng trộn Laravel.
• Xem các phần và ngăn xếp.

Laravel goto Controller

Khi ứng dụng của bạn phát triển, số lượng Bộ điều khiển của bạn cũng tăng theo, vì vậy bạn cần quản lý những bộ điều khiển này tốt hơn.

Đây là vấn đề chính xác mà phần mở rộng VScode của Laravel-goto-controller sẽ có thể giải quyết. Đây cũng là một trong các Extension hay cho Visual Studio Code mà bạn nên sở hữu.

Laravel goto View

Giống với tiện ích mở rộng Laravel goto Controller, tiện ích mở rộng Laravel goto View VScode cho phép bạn đi từ Bộ điều khiển hoặc Định tuyến đến chế độ xem của bạn. Điều này có thể giúp bạn tiết kiệm thời gian hơn đấy.

DotENV syntax highlighting

Phần mở rộng DotENV VS Code được sử dụng để làm nổi bật cú pháp .env tệp của bạn , có thể khá hữu ích để phát hiện một số vấn đề.

Extension PHP cần có trên Visual Studio Code

Tiếp sau đây là các Extension Visual Studio Code cần có cho PHP.

PHP Intellisense

Intellisense sẽ cung cấp tính năng tự động hoàn thành các hàm PHP gốc trong khi bạn nhập. Tiện ích mở rộng này của Felix Becker không giống như một số IDE khác, nó luôn cung cấp ngay cho bạn các tùy chọn trong trình thả xuống tự động của bạn.

PHP Debug

Đây là phần mở rộng giúp bạn gỡ lỗi mô phỏng cấp mã và gỡ lỗi trình duyệt trực tiếp. Chắc chắn sẽ là một tính năng mà bạn không thể thiếu cho Dev Laravel. Đây cũng là một trong các Extension hay cho Visual Studio Code mà bạn nên sở hữu.

DocBlocker

Tiện ích của DocBlocker là nó được đóng gói với các thẻ bình luận như @author, @method, @group hay @return. Bạn chỉ cần nhấn vào biểu tượng @ để chọn các thẻ từ danh sách thả xuống để truy cập vào các thẻ nhanh chóng hơn.

PHP formatter

Với phần mở rộng PHP formatter, bạn chỉ cần nhấn nhanh Ctrl + Alt + F, phần mở rộng sẽ định dạng PHP thành một tệp có định dạng gọn hơn. Lưu ý là bạn cần có đường dẫn đến công cụ PHP để hoạt động diễn ra bình thường, và đường dẫn này phải được chỉ định trong cài đặt phần mở rộng VSCode.

PHP Getter & Setter

PHP Getter & Setter sẽ giúp bạn nhanh chóng thêm các chức năng đúng như tên gọi, chính là Getter & Better, nghĩa là nhận và đặt vào mã của bạn. Phần mở rộng này sẽ phát sinh phí khi bạn phát triển PHP hướng đối tượng.

PHP Storm Snippet Pack

Nếu bạn đã sử dụng PHP Storm trước đây, bạn sẽ biết về những đoạn mã tiện dụng này, phần mở rộng này có các phím tắt cho các vòng như thế nào, foreach, require và include các lệnh và các đoạn dựa trên lớp nhiều hơn nữa.

PHP Files Extension

Sau khi cài đặt phần mở rộng này, bạn sẽ có quyền truy cập vào ba chức năng tạo tệp được định dạng trước, đó là class, interface và trait. Khi này, bạn có thể tiến hành sử dụng phần mở rộng này cho đoạn code của mình.

Import Checker

Khi sử dụng các khung công tác PHP như Laravel thì việc khai báo các lớp để sử dụng ở đầu tệp được sử dụng rất rộng rãi. Tuy nhiên, theo thời gian, bạn sẽ có một danh sách lộn xộn các lớp và một trong số chúng sẽ không còn cần thiết. Phần mở rộng này cho phép đánh dấu và xóa các lớp không cần thiết.

Extension hay trên Visual Studio Code cho lập trình Python

Sau đây sẽ là các Extension hay trên Visual Studio Code cho lập trình Python nhé.

Kite AutoComplete AI Code

Phần mở rộng này cho phép bạn gõ code nhanh hơn bởi tính năng hiện sẵn các gợi ý mà bạn có thể cần. Do đó, Kite AutoComplete AI Code sẽ là phần mở rộng mà bất cứ một nhà lập trình hay Editor chuyên nghiệp nào cũng nên có.

Python Preview

Python Preview sẽ bổ sung gỡ lỗi trực quan cho đoạn code của bạn. Điều này cho phép bạn hình dung trực quan hơn thông qua các yếu tố đồ họa hay hình ảnh động được thể hiện.

Python Snippets

Đây là phần mở rộng phù hợp cho cả những người mới sử dụng Python. Một ưu điểm của Python Snippets là cung cấp cho người dùng ít nhất một ví dụ về mỗi đoạn mã, giúp bạn viết code nhanh và tiện lợi hơn.

AREPL for Python

Với AREPL for Python, bạn có thể vừa viết code, chạy code và gỡ lỗi trên chương trình của mình. Khi bạn ngừng nhập code, các kết quả sẽ hiển thị ngay lập tức, bạn có thể sửa các lỗi cơ bản ngay.

Better Comments

Hầu hết các ngôn ngữ phổ biến đều được hỗ trợ phần mở rộng này. Nó cho phép bạn nhận xét các đoạn code với màu sắc khác nhau nên sẽ tăng độ nhận diện và thời gian xử lý trên chương trình của bạn.

Python Docstring Generator

Python Docstring Generator giúp bạn tự động tạo ra các chuỗi, hỗ trợ trong quá trình viết code nhanh chóng và gọn gàng hơn. Đây cũng là một trong các Extension hay cho Visual Studio Code mà bạn nên sở hữu.

Python Indent

Phần mở rộng này thông báo đến người dùng về việc những câu lệnh nào đó trong chương trình của bạn sẽ phải thuộc về một khối mã cụ thể. Cho nên, bạn sẽ quản lý các câu lệnh tốt hơn.

Python Test Explorer

Trình mở rộng này cho phép bạn chạy Python unittest hay Pytest thử nghiệm cùng các thử nghiệm UI. Đây cũng là một trong các Extension hay cho Visual Studio Code mà bạn nên sở hữu.

Dash

Dash giúp bạn có cái nhìn trực quan hơn về dữ liệu, hỗ trợ quá trình khám phá dữ liệu giúp quá trình phân tích của bạn dễ dàng và đơn giản hơn nhiều.

Xem thêm:

• Backend là gì và tầm quan trọng của Backend trong lập trình website
• Script là gì? Dân IT mà không biết đến cái này là dở rồi
• HTML là gì? Cách hiểu đơn giản giúp bạn chữa bệnh mù công nghệ
• Framework là gì? Điểm qua những điều thú vị về nó

Trên đây là các Extension hay cho Visual Studio Code mà dân công nghệ và chuyên lập trình nên tìm hiểu và khám phá. Đừng quên theo dõi GhienCongNghe để cập nhật và khám phá nhiều thông tin mới mẻ, thú vị xoay quanh kiến thức công nghệ nhé.