Visual Studio Code là một text editor cross-flatform miễn phí, được phát triển bởi Microsoft. Visual Studio Code hay còn được gọi là VSCode nhanh chóng trở thành một công cụ ưa thích của rất nhiều lập trình viên nhờ hiệu suất tuyệt vời và rất nhiều tính năng phong phú mà nó cung cấp. Cũng giống như rất nhiều IDE khác, VSCode cũng hỗ trợ các extension, có hẳn 1 khu chợ với hàng nghìn plugin để developer có thể mua, download và sử dụng. Trong bài viết này chúng ta sẽ cùng tìm hiểu một số (Plugin) Extension Visual Studio Code Developer chuyên nghiệp khuyên dùng vào dự án thiết kế web, App,.... để cải thiện tốc độ code cũng như trình bày code chuyên nghiệp hơn.
Cài đặt Extension (Plugin) cho Visual Studio Code như thế nào?
Trước khi tìm hiểu nhưng extension hữu ích chúng ta cần biết cách cài đặt extension vào Visual Studio Code như thế nào, rất đơn giản để có thể cài đặt thêm extension hưu ích các bạn làm như sau:
B1: Tại thanh menu bên trái bạn chọn vào biểu tưởng mảnh ghép
B2: Bạn nhập từ khóa tìm kiếm, hoặc tên của extension muốn cài đặt vào hộp tìm kiếm. Sau khi tìm thấy extension phù hợp bấm nút Install để bắt đầu cái đặt, như vậy là bạn đã thêm extension cho Visual Studio Code rồi rất đơn giản
Những Extension hữu ích cần có khi dùng Visual Studio Coide
Live Server
Live Server là một Extension Visual Studio Code miễn phí và rất hữu ích trong việc xây dựng giao diện, code HTML, CSS, JS với hơn 27 Triệu người dùng, Live Server giúp khởi chạy local server (Server trên thiết bị) một cách nhanh chóng với tính năng tự động tải lại trực tiếp cho các trang web tĩnh và động. Ví dụ khi bạn thay đổi một thông tin trên trang HTML thì nó sẽ tự động cập nhật mà không cần chúng ta phải nhấn reload trên trình duyệt, tính năng này sẽ giúp bạn không phải load lại trang sau mỗi lần cập nhập code. Nó cũng có nhiều lựa chọn cho việc thiết lập chuyên nghiệp để sử dụng như là tùy chỉnh số port, thiết lập trình duyệt mặc định, hỗ trợ SVG, https, proxy...
HTML Snippets
HTML Snippets chỉ cần đọc qua tên là các bạn đã có thể phần nào hiểu được chức năng của Plugin này. HTML Snippets extentsion giúp chúng ta giảm số lần gõ phím, tăng tốc độ coding và đồng thời cũng giảm thời gian mà chúng ta ngồi hàng giờ để code một vài chức năng hay là một vài components bạn hay sử dụng nào đấy. HTML Snippets sẽ giúp bạn gợi ý và hoàn thiện nhanh các thẻ chỉ cần gõ một vài từ khóa liên quan là Vscode sẽ có gợi ý phù hợp nhất
Auto Rename Tag
Auto Rename Tag giúp tự động đổi tên cả cặp thẻ trong HTML, XML. Ví dụ khi bạn thay đổi tên thẻ mở thì thẻ đóng tương ứng cũng sẽ được tự động thay đổi theo. Mình thấy chức năng này rất hay với một File code rất nhiều dòng thì việc tìm được thẻ đóng của một thẻ nào đó là việc làm rất tốn thời gian và rất dễ bị nhầm dẫn đến bị sai, những lỗi như này làm mình tốn rất nhiều thời gian vì thường phần mềm sẽ không thể phát hiện và cảnh báo cho chúng ta biết. Xem hình bên dưới để biết extension Auto Rename Tag hoạt động như thế nào nhé
VS Color Picker
VS Color Picker chắc hẳn lột công cụ chọn màu nhỏ và thông minh dành cho những bạn chuyên về code giao diện website, app. Extension này hỗ trợ gợi ý và lựa chọn mã màu một cách nhanh chóng. Có một điểm rất đáng tiếc là VS Color Picker chỉ dành cho Windows, những bạn dùng MacOs sẽ chịu thiệt khi không thể sử dụng VS Color Picker cho dự án của mình
IntelliSense for CSS class names in HTML
HTML CSS Class Completion rất hữu ích nếu như bạn sử dụng nhiều lớp CSS trong dự án của mình. IntelliSense for CSS class names in HTML hỗ trợ tìm nạp tên của tất cả các lớp CSS tạo thành một list sự lựa chọn, giúp bạn code nhanh hơn và không bị sai tên Class, cải thiện tốc độ và chất lượng công việc khi sử dụng Visual Studio Code hoàn thành dự án của mình
Format HTML in PHP
Extension này hỗ trợ rất tuyệt vời với những bạn code HTML với PHP, việc trình bày code sẽ chuyên nghiệp hơn khi được Format đúng cách. Với Extension Format HTML in PHP tất cả những nội dung HTML được viết trong file PHP đều sẽ được Format một cách chuyên nghiệp trước khi lưu, sẽ giúp Coder có được những file code gọn đẹp chuyên nghiệp, dễ chỉnh sử và tái sử dụng trong tương lai
Trên đây là một số Extension Visual Studio Code Developer chuyên nghiệp khuyên dùng, danh sách này dựa vào kinh nghiệm cũng như sự gợi ý của những anh chị đi trước với mình, còn bạn có nhưng Extension nào hay hãy cho mình xin ý kiến để hoàn thiện hơn, nâng cao chất lượng công việc. Cảm ơn các bạn đã xem hết bài viết ủng hộ mình!