Visual Studio Code, được cho là trình chỉnh sửa mã tốt nhất để sử dụng tại thời điểm hiện tại. Do phạm vi mở rộng và hỗ trợ rộng từ Microsoft, trình soạn thảo này được áp dụng rộng rãi. Visual Studio Code được Microsoft xây dựng trên đỉnh của một biên tập viên Monaco nguồn mở bởi Microsoft. Dự án này nhận được khoảng 14k sao ở GitHub.
Visual Studio Code cung cấp một loạt các phần mở rộng. Dưới đây là cách cài đặt tiện ích mở rộng.
Nhấn lệnh Shift+lệnh [hoặc Windows]+X hoặc chỉ cần nhấp vào biểu tượng mở rộng của mã Visual Studio. Tìm kiếm phần mở rộng và nhấn Cài đặt.SHIFT+COMMAND [or Windows]+X or just click on the extension icon of visual studio code. Search for the extension and press install.
Ở đây tôi đang liệt kê xuống 15 tiện ích mở rộng mã Visual Studio tốt nhất để phát triển web. Các lựa chọn của phần mở rộng là ý kiến cá nhân của tôi.
1: Đoạn mã JavaScript [ES6]
Không cần đề cập rằng JavaScript là cốt lõi của phát triển web. Có rất nhiều đoạn mã mà chúng tôi đã sử dụng hàng ngày và tiện ích mở rộng này giúp bạn không viết mã lặp đi lặp lại đó nhiều lần.
Nó cung cấp JavaScript, TypeScript, Vue, React và HTML CNIPPETS. Cá nhân tôi tin rằng đây là một phần mở rộng bắt buộc để phát triển web.
Liên kết: //marketplace.visualstudio.com/items?itemname=xabikos.javascriptsnippets
Bạn có thể cài đặt nó bằng cách tìm kiếm tên trên phần mở rộng của mã Visual Studio.
2: CSS PEEK
Như tên của nó cho thấy, tiện ích mở rộng này cho phép bạn nhảy vào mã CSS bằng các lớp và ID.
Liên kết: //marketplace.visualstudio.com/items?itemname=pranaygp.vscode-css-peek
Bạn có thể cài đặt nó bằng cách tìm kiếm tên trên phần mở rộng của mã Visual Studio.
2: CSS PEEK
Như tên của nó cho thấy, tiện ích mở rộng này cho phép bạn nhảy vào mã CSS bằng các lớp và ID.
Liên kết: //marketplace.visualstudio.com/items?itemname=pranaygp.vscode-css-peek
Bạn có thể cài đặt nó bằng cách tìm kiếm tên trên phần mở rộng của mã Visual Studio.
2: CSS PEEK
Như tên của nó cho thấy, tiện ích mở rộng này cho phép bạn nhảy vào mã CSS bằng các lớp và ID.
Liên kết: //marketplace.visualstudio.com/items?itemname=pranaygp.vscode-css-peek
3: Auto Close Tag
Phần mở rộng này tự động thêm thẻ đóng của HTML và XML. Cảm ơn tôi sau 🙂
Bạn có thể cài đặt nó bằng cách tìm kiếm tên trên phần mở rộng của mã Visual Studio.
2: CSS PEEK
Như tên của nó cho thấy, tiện ích mở rộng này cho phép bạn nhảy vào mã CSS bằng các lớp và ID.
Liên kết: //marketplace.visualstudio.com/items?itemname=pranaygp.vscode-css-peek
Bạn có thể cài đặt nó bằng cách tìm kiếm tên trên phần mở rộng của mã Visual Studio.
2: CSS PEEK
Như tên của nó cho thấy, tiện ích mở rộng này cho phép bạn nhảy vào mã CSS bằng các lớp và ID.
Liên kết: //marketplace.visualstudio.com/items?itemname=pranaygp.vscode-css-peek
3: Auto Close Tag
Bạn có thể cài đặt nó bằng cách tìm kiếm tên trên phần mở rộng của mã Visual Studio.
2: CSS PEEK
Như tên của nó cho thấy, tiện ích mở rộng này cho phép bạn nhảy vào mã CSS bằng các lớp và ID.
Liên kết: //marketplace.visualstudio.com/items?itemname=pranaygp.vscode-css-peek
3: Auto Close Tag
Bạn có thể cài đặt nó bằng cách tìm kiếm tên trên phần mở rộng của mã Visual Studio.
2: CSS PEEK
Như tên của nó cho thấy, tiện ích mở rộng này cho phép bạn nhảy vào mã CSS bằng các lớp và ID.
Liên kết: //marketplace.visualstudio.com/items?itemname=pranaygp.vscode-css-peek
3: Auto Close Tag
You can install it by searching the name on the extension section of the visual studio code.
Phần mở rộng này tự động thêm thẻ đóng của HTML và XML. Cảm ơn tôi sau 🙂
Liên kết: //marketplace.visualstudio.com/items?itemname=formulahendry.auto-close-tag
4: Khách hàng nghỉ ngơi
Bạn có thể cài đặt nó bằng cách tìm kiếm tên trên phần mở rộng của mã Visual Studio.
2: CSS PEEK
Như tên của nó cho thấy, tiện ích mở rộng này cho phép bạn nhảy vào mã CSS bằng các lớp và ID.
Liên kết: //marketplace.visualstudio.com/items?itemname=pranaygp.vscode-css-peek
3: Auto Close Tag
You can
install it by searching the name on the extension section of the visual studio code.
11: Trình gỡ lỗi cho Chrome
Phần mở rộng này đã đưa trình gỡ lỗi Chrome mạnh mẽ vào mã Visual Studio.
Nó rất hữu ích cho các nhà phát triển phía trước để thực hiện thử nghiệm và gỡ lỗi.
thông qua Giphy
Liên kết: //marketplace.visualstudio.com/items?itemname=msjsdiag.debugger-for-clome Bạn có thể cài đặt nó bằng cách tìm kiếm tên trên phần mở rộng của mã Visual Studio.
You can install it by searching the name on the extension section of the visual studio code.
12: Nhận xét tốt hơn
Phần mở rộng này giúp bạn tạo ra những bình luận thân thiện với con người và dễ đọc hơn.
Liên kết: //marketplace.visualstudio.com/items?itemname=aaron-bond.better-comments Bạn có thể cài đặt nó bằng cách tìm kiếm tên trên phần mở rộng của mã Visual Studio.
You can install it by searching the name on the extension section of the visual studio code.
13: Thời gian mã
Phần mở rộng này theo dõi thời gian phát triển của bạn và cung cấp cho bạn các số liệu thống kê hữu ích như bao nhiêu giờ bạn có mã ngày hôm nay, v.v.
Nó rất hữu ích để theo dõi và xem tiến trình. Điều này không hoàn toàn chỉ cho phát triển web, bất cứ ai cũng có thể sử dụng tiện ích mở rộng này.
Liên kết: //marketplace.visualstudio.com/items?itemname=softwaredotcom.swdc-vscode Bạn có thể cài đặt nó bằng cách tìm kiếm tên trên phần mở rộng của mã Visual Studio.
You can install it by searching the name on the extension section of the visual studio code.
14: Cài đặt đồng bộ hóa
Tôi sử dụng một máy khác cho công việc và sử dụng cá nhân của tôi. Tôi sử dụng mã Visual Studio trong cả hai máy, tuy nhiên, tôi không muốn lặp lại các bước tương tự để định cấu hình trình chỉnh sửa mỗi lần.
Nhập cài đặt tiện ích mở rộng đồng bộ. Nó tạo và lưu trữ cấu hình của bạn trong GITHUB GIST và đồng bộ hóa bất cứ nơi nào bạn muốn. Đơn giản và tuyệt vời!
Liên kết: //marketplace.visualstudio.com/items?itemname=shan.code-setting-sync Bạn có thể cài đặt nó bằng cách tìm kiếm tên trên phần mở rộng của mã Visual Studio.
You can
install it by searching the name on the extension section of the visual studio code.
15: Polacode
Giống như mã mã như thế này?
Sau đó, phần mở rộng này là dành cho bạn. Chúng ta có thể sử dụng tiện ích mở rộng này để tạo ra một mã Polaroid đẹp và chia sẻ nó.
Liên kết: //marketplace.visualstudio.com/items?itemname=pnp.polacode
Bạn có thể cài đặt nó bằng cách tìm kiếm tên trên phần mở rộng của mã Visual Studio.
Sự kết luận
Nếu bạn thích bài viết này, xin vui lòng chia sẻ nó trên phương tiện truyền thông xã hội để giúp truyền bá. Cảm ơn đã đọc!
Học cao hơn
Top 5 phải có phần mở rộng mã Visual Studio Node.js Hướng dẫn MySQL Tất cả các bài viết lập trình của CodeForGeek Cách kiểm tra xem một tệp có tồn tại trong Node.js
Node.js MySQL Tutorial
All Programming Articles of Codeforgeek
How to Check If a File Exists in Node.js