*
Trong quy trình sử dụng với trải nghiệm Visual Studio Code, tôi đã tìm kiếm một loạt những tiện ích không ngừng mở rộng VS Code tương quan đến trở nên tân tiến front-end cùng liệt kê những app tôi search thấy trực quan, dễ sử dụng và dễ dàng nhất.Đây không phải là danh sách sau cùng của tất cả. Dành thời gian để tự mày mò thị trường cùng xem đều gì nó rất có thể cung cung cấp cho bạn, nhất là kể tự khi nhiều phần mở rộng hoàn hảo vẫn không có.

Bạn đang xem: Các extension hay cho visual studio code

1. HTML SnippetsSnippets

Nếu bạn có nhu cầu thường xuyên viết mã HTML vào Visual Studio Code, đoạn mã HTML Snippets hoàn toàn có thể trở thành một phép tắc tiện dụng, bởi vì nó cung cấp thêm đến HTML.Mặc dù Mã VS có cung cấp cơ bản cho HTML, chẳng hạn như tô màu cú pháp, đoạn mã HTML Snippets biết nhiều hơn nữa nữa.

*
Có lẽ tài năng hữu ích duy nhất của luôn tiện ích mở rộng này là lúc bạn bước đầu nhập thương hiệu của một thẻ HTML (không bao gồm dấu ngoặc góc bắt đầu), Đoạn mã HTML hối hả hiển thị danh sách những tùy chọn bao gồm sẵn cùng với một thông tin ngắn về từng loại.
*
Bạn nhấp vào phần tử bạn cần, những đoạn mã HTML thêm thẻ HTML5 không hề thiếu với những thuộc tính thông dụng nhất của nó.Ví dụ: nếu bạn muốn thêm một link (anchor tag) vào tài liệu của bạn, chỉ việc gõ a vào VS Code, chọn tùy lựa chọn bên đề xuất trong hộp popup và các đoạn mã HTML sẽ chèn vào trình biên tập của chúng ta mà không gặp mặt rắc rối.Tác giả của tiện thể ích không ngừng mở rộng này cũng chú ý đến việc loại trừ các nhân tố không được sử dụng nữa, do vậy nếu bạn muốn sử dụng một thẻ HTML mà bạn không thể tìm thấy trong danh sách bật lên, chúng ta nên kiểm tra xem nó bao gồm hợp lệ giỏi không.

2. HTML CSS Class Completion

HTML CSS Class Completion rất có thể là một ứng dụng hữu ích nếu như bạn cần thực hiện nhiều lớp CSS trong dự án công trình của mình. Nó thường xảy ra với shop chúng tôi các nhà phát triển, rằng cửa hàng chúng tôi không trả toàn chắc chắn rằng trong tên chính xác của một lớp, dẫu vậy nó chỉ ngồi sinh hoạt phía sau của trọng điểm trí của cửa hàng chúng tôi như kiến ​​thức thụ động.Phần không ngừng mở rộng thông minh này cung cấp chiến thuật cho sự việc này vày nó search nạp tên của tất cả các lớp CSS trong không khí làm việc hiện tại và hiển thị một list về chúng.

*
*
Giả sử bạn có nhu cầu tạo một website sử dụng Zurb Foundation, và bạn có nhu cầu sử dụng lưới nhỏ. Bạn không nhớ cách các lớp được lấy tên đúng, nhưng chúng ta biết chúng mang tên ngữ nghĩa.Với HTML CSS Class Completion, các bạn chỉ cần ban đầu nhập từ nhỏ, và những tùy chọn tất cả sẵn xuất hiện trên screen cùng một lúc, bởi vì vậy bạn có thể dễ dàng chọn 1 trong những bạn cần.
*

3. View in Browser

View in Browser là một trong những phần mở rộng đơn giản và dễ dàng nhưng trẻ trung và tràn trề sức khỏe cho Visual Studio Code. Nó hoàn toàn có thể tạo điều kiện trở nên tân tiến front-end bằng phương pháp cho phép bạn có một chiếc nhìn nhanh vào tác dụng của các bước của chúng ta trong trình duyệt trong lúc mã hóa. Bạn cũng có thể mở tệp HTML của chính bản thân mình trong trình để ý mặc định thẳng từ VS Code bằng cách nhấn phím tắt CTRL + F1.Lưu ý rằng chế độ xem vào Trình phê chuẩn chỉ cung cấp HTML, vì vậy nếu bạn muốn xem website của mình, bạn cần phải mở tệp HTML. Các bạn không thể trực tiếp truy cập trình ưng chuẩn từ tệp CSS hoặc JavaScript

*

4. Debugger for Chrome

Debugger for Chrome được Microsoft tự kiến tạo và hiện nay là phần không ngừng mở rộng Visual Studio Code được download xuống nhiều.Debugger for Chrome góp gỡ lỗi JavaScript trong Google Chrome mà không cần phải rời ngoài trình sửa đổi mã. Điều này có nghĩa rằng bạn không nhất thiết phải làm câu hỏi với transpiled JavaScript của trình duyệt quan sát thấy, nhưng chúng ta có thể thực hiện việc gỡ lỗi tức thì từ những tập tin mối cung cấp gốc. Xem chạy thử này để xem nó vận động như cụ nào.

*
Phần mở rộng này có tất cả những tính năng quan trọng của trình tháo gỡ thích hợp, ví dụ điển hình như tùy chỉnh cấu hình điểm dừng, xem biến chuyển đổi, bước, bảng tinh chỉnh và điều khiển gỡ lỗi hữu ích và các thứ khác.

Xem thêm:

5. JSHint

Mã không ngừng mở rộng JSHint của Visual Studio JSP tích hợp lót JavaScript JSHint phổ cập vào trình chỉnh sửa mã, do đó chúng ta có thể được thông báo về các lỗi của chúng ta ngay khi chúng ta thực hiện tại chúng.Theo khoác định, phần không ngừng mở rộng JSHint sử dụng những tùy lựa chọn mặc định của linter mà chúng ta có thể tùy chỉnh với sự trợ góp của một tệp tin cấu hình.

*
Việc thực hiện tiện ích không ngừng mở rộng này khá đơn giản, vị JSHint khắc ghi các lỗi có red color và các thông báo có gạch men chân màu xanh da trời lá cây.Nếu bạn muốn biết thêm thông tin về những vấn đề, chỉ cần di con chuột qua các phần được gạch men chân, cùng JSHint đã nổi một nhãn với diễn tả về vấn đề cùng một lúc.
*

6. JQuery Code Snippets

jQuery Code Snippets hoàn toàn có thể tăng tốc độ trở nên tân tiến front-end vào Visual Studio Code do nó được cho phép bạn nhanh lẹ viết jQuery mà không có lỗi cú pháp cơ bản. Đoạn mã của jQuery hiện có khoảng 130 đoạn mã gồm sẵn mà bạn cũng có thể gọi bằng cách nhập đúng sử dụng.

*

Tất cả những đoạn mã jQuery nhưng lại một bắt đầu với chi phí tố jq. Một ngoại lệ là trình kích hoạt func chèn một tác dụng vô danh vào trình biên soạn thảo.Tiện ích mở rộng tiện nghi này là một trong những trợ giúp dễ dãi khi các bạn không trả toàn chắc chắn là về cú pháp phù hợp và hy vọng dành thời hạn kiểm tra tài liệu.Nó cũng khiến cho nó tiện lợi để nhanh lẹ di chuyển hẳn qua các tùy chọn tất cả sẵn.

*

7.Bower

Phần mở rộng của Bower VS Code có thể làm cho quá trình cách tân và phát triển web của khách hàng trở yêu cầu trực quan liêu hơn bằng phương pháp tích đúng theo trình thống trị gói Bower vào Visual Studio Code.

*

Phần không ngừng mở rộng Bower dẫn bạn qua việc tạo nên tệp bower.json của dự án công trình và chúng ta có thể cài đặt, gỡ cài đặt đặt, search kiếm, cập nhật gói, quản lý bộ nhớ cache và tiến hành nhiều tác vụ khác với nó (xem danh sách khá đầy đủ tính năng).Bạn hoàn toàn có thể truy cập các lệnh tương quan đến Bower bằng phương pháp khởi động Command Palette bằng cách nhấn F1, gõ "Bower" vào thanh nhập, nhấp vào tùy chọn "Bower" trong list thả xuống xuất hiện và lựa chọn lệnh Bower ưng ý hợp.

*

7.Git History

Git History được cho phép theo dõi các biến hóa của một dự án Git phía bên trong Visual Studio Code. Phần mở rộng này là quan trọng hữu ích khi bạn muốn đóng góp cho một dự án công trình Github to hơn, và yêu cầu một phương pháp để nhanh chóng kiểm soát những biến hóa nhà cải cách và phát triển khác thực hiện.Với thiết đặt mở rộng lịch sử hào hùng Git, chúng ta có thể xem lịch sử hào hùng của toàn bộ tệp, hoặc một mẫu cụ thể bên trong của nó. Chúng ta cũng có thể so sánh những phiên phiên bản trước của cùng một tệp.

*
Bạn rất có thể truy cập các lệnh tương quan đến lịch sử Git nếu như khách hàng gõ trường đoản cú "Git" vào Palette Lệnh (F1), lựa chọn "Git" bên phía trong danh sách thả xuống, và sau cùng chọn lệnh mà các bạn cần. Xem xét rằng bạn cần phải mở tệp mà bạn muốn xem lịch sử hào hùng trước khi chúng ta có thể thực hiện bất kỳ hành cồn nào trên đó.
*