Live sever

Live Server là một extension cho phép bạn tạo một máy ch�?web tạm thời trên máy tính của mình đ�?xem trực tiếp các trang web và ứng dụng web mà bạn đang phát triển. Khi bạn khởi động Live Server, nó s�?t�?động m�?trình duyệt web và hiển th�?trang web của bạn. Khi bạn chỉnh sửa mã nguồn của trang web, Live Server s�?t�?động tải lại trang web đ�?bạn có th�?xem các thay đổi của mình ngay lập tức.

Prettier 

Prettier là một công c�?định dạng mã nguồn t�?động. Nó giúp định dạng mã nguồn của bạn theo một cách chuẩn mực và đồng nhất, giúp cho mã nguồn d�?đọc hơn và d�?bảo trì hơn.Prettier đã h�?tr�?hầu hết các ngôn ng�?lập trình cho Front – end hiện tại.

CSS Peek

CSS Peek cho phép người dùng xem và chỉnh sửa CSS của một trang web trực tiếp t�?trình soạn thảo. Nó cung cấp cho người dùng một cách nhanh chóng và d�?dàng đ�?tìm kiếm các lớp CSS, các thuộc tính và giá tr�?của chúng, và xem trực tiếp các thay đổi được áp dụng trên trang web. CSS Peek cũng h�?tr�?các tính năng như tìm kiếm và thay th�? và cho phép người dùng lưu tr�?các tệp CSS trực tiếp trong trình soạn thảo.

CodeSnap

CodeSnap là một tiện ích giúp bạn chụp và chia s�?mã nguồn của mình một cách d�?dàng. Bạn có th�?d�?dàng chụp lại đoạn code của mình với hình thức đẹp hơn so với chụp ảnh màn hình thông thường sau đó chia s�?nó cho người khác với CodeSnap. CodeSnap h�?tr�?nhiều ngôn ng�?lập trình khác nhau và cung cấp các tính năng như tô sáng mã nguồn và tạo liên kết trực tiếp đến mã nguồn của bạn.

Auto Rename Tag

Auto Rename Tag giúp t�?động đổi tên th�?HTML đối với các cặp th�?đóng m�? Khi bạn đổi tên một th�?HTML, extension này s�?t�?động đổi tên th�?đóng tương ứng. Điều này giúp tiết kiệm thời gian và giảm thiểu lỗi khi bạn phải đổi tên nhiều th�?HTML trong một tài liệu.

Code Spell Checker

Code Spell Checker là một extension h�?tr�?kiểm tra chính t�?cho các file mã nguồn trong Visual Studio Code. Nó s�?giúp bạn phát hiện và sửa các lỗi chính t�?trong các biến, hàm, comment và các phần khác của mã nguồn.

HTML to CSS autocompletion 

HTML to CSS autocompletion h�?tr�?t�?động hoàn thành CSS cho các phần t�?HTML trong Visual Studio Code. Nó s�?giúp bạn tiết kiệm thời gian hơn nếu như bạn l�?quên tên class hoặc id  và giảm thiểu lỗi khi viết CSS cho các phần t�?HTML.

Image preview

Highlight Matching Tag

Với Highlight Matching Tag, bạn s�?không bao gi�?b�?lạc trong các th�?HTML hoặc XML nữa. Khi bạn di chuyển con tr�?đến một th�? extension s�?t�?động tô đậm th�?tương ứng. Điều này giúp bạn d�?dàng nhận ra các th�?m�?và đóng, giúp cho việc sửa lỗi và chỉnh sửa code tr�?nên d�?dàng hơn bao gi�?hết.

GitLens

Đây là một extension h�?tr�?quản lý Git trong Visual Studio Code. Nó cung cấp các tính năng như xem lịch s�?commit, so sánh các phiên bản khác nhau của file, xem thông tin v�?các nhánh và merge request, và nhiều tính năng khác đ�?giúp bạn quản lý mã nguồn của mình một cách hiệu qu�?hơn.

Trên đây là một vài extension cho VS Code có th�?s�?giúp ích cho bạn trong quá trình học lập trình. Tuy nhiên, không phải tất c�?các extension đều phù hợp với nhu cầu và phong cách của mỗi người, cũng không nên quá lạm dụng các extension VS Code vì nó s�?khiến bạn b�?ph�?thuộc khi lập trình. Do đó, hãy th�?và tìm ra những extension phù hợp nhất với bạn đ�?tối đa hóa hiệu qu�?học tập của mình trên VS Code. 

B�?môn Công ngh�?Thông tin
Trường Cao đẳng FPT M?ng c�� c??c b��ng ?�� Hà Nội

The post Các extension VSCode đặc biệt hữu dụng cho người mới! appeared first on Cao Đẳng FPT M?ng c�� c??c b��ng ?�� xét tuyển.