Visual studio code, được cho là trình soạn thảo mã tốt nhất để sử dụng ở thời điểm hiện tại. Do có nhiều tiện ích mở rộng và hỗ trợ từ Microsoft, trình chỉnh sửa này được áp dụng rộng rãi Show
Mã phòng thu trực quan được xây dựng dựa trên trình soạn thảo mã nguồn mở Monaco của Microsoft. Dự án này nhận được khoảng 14 nghìn sao trên Github Mã phòng thu trực quan cung cấp một loạt các tiện ích mở rộng. Đây là cách cài đặt tiện ích mở rộng Nhấn SHIFT+COMMAND (hoặc Windows)+X hoặc chỉ cần nhấp vào biểu tượng tiện ích mở rộng của mã studio trực quan. Tìm kiếm tiện ích mở rộng và nhấn cài đặt Ở đây tôi liệt kê 15 tiện ích mở rộng mã studio trực quan tốt nhất để phát triển web. Các lựa chọn của tiện ích mở rộng là ý kiến cá nhân của tôi 1. Đoạn mã Javascript (ES6)Không cần phải đề 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 phải viết đi viết lại đoạn mã đó Nó cung cấp các đoạn mã JavaScript, TypeScript, Vue, React và HTML. Cá nhân tôi tin rằng đây là một phần mở rộng phải có để phát triển web liên kết. https. //thương trường. Visual Studio. com/items?itemName=xabikos. Đoạn trích JavaScript 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ã phòng thu trực quan 2. Nhìn trộm CSSNhư tên gọi của nó, tiện ích mở rộng này cho phép bạn chuyển đến mã CSS bằng cách sử dụng các lớp và ID liên kết. https. //thương trường. Visual Studio. 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ã phòng thu trực quan 3. Tự động đóng thẻTiện ích 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. https. //thương trường. Visual Studio. com/items?itemName=formulahendry. tự động đóng thẻ 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ã phòng thu trực quan 4. Máy khách RESTKiểm tra API và tích hợp với giao diện người dùng là một phần quan trọng trong quá trình phát triển web. Tôi chắc chắn rằng bạn đã làm điều đó rất nhiều lần Tôi thường sử dụng các ứng dụng khách REST như Postman để kiểm tra các API của mình. Sử dụng tiện ích mở rộng này, chúng tôi có thể kiểm tra API và xem phản hồi của chúng trực tiếp trong mã phòng thu trực quan thông qua GIPHY liên kết. https. //thương trường. Visual Studio. com/items?itemName=huao. khách hàng còn lạ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ã phòng thu trực quan 5. ESLintESLint 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. Nó giống như một đồng nghiệp ảo đang xác thực mã của bạn trong khi bạn đang viết mã đó liên kết. https. //thương trường. Visual Studio. com/items?itemName=dbaeumer. vscode-eslint 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ã phòng thu trực quan Trước khi cài đặt ESLint trong studio trực quan, trước tiên hãy cài đặt nó dưới dạng gói toàn cầu cài đặt npm -g eslint 6. Đẹp hơn – Trình định dạng mãTiện ích mở rộng này thực hiện định dạng mã JavaScript, CSS và HTML liên kết. https. //thương trường. Visual Studio. com/items?itemName=esbenp. đẹp hơn-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ã phòng thu trực quan 7. Đường dẫn IntellisenseNhập mã từ các tệp khác là việc mọi người làm hàng ngày. Tiện ích mở rộng này giúp thời gian phát triển nhanh hơn bằng cách tự động điền tên tệp Bạn nhập tên tệp vào câu lệnh và nó sẽ tìm kiếm và đưa ra gợi ý cho bạn liên kết. https. //thương trường. Visual Studio. com/items?itemName=christian-kohler. đường dẫn-intellisense 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ã phòng thu trực quan 8. GitLensChúng tôi sử dụng Git hầu như mỗi ngày trong cuộc sống của chúng tôi. GitLens là plugin mã studio trực quan để tăng cường khả năng của git Với GitLens, thật dễ dàng để xem quyền tác giả mã, kiểm tra số lần xác nhận, xem các thay đổi giữa lần xác nhận cuối cùng và các thay đổi hiện có, v.v. Liên kết. https. //thương trường. Visual Studio. com/items?itemName=eamodio. gitlens 9. Quản lý dự ánBạn có làm việc trên nhiều dự án và chuyển đổi qua lại không? liên kết. https. //thương trường. Visual Studio. com/items?itemName=alefragnani. quản lý dự án 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ã phòng thu trực quan 10. Máy chủ trực tiếpTiện ích mở rộng Live Server cung cấp bản xem trước trực tiếp ứng dụng web của bạn ngay trong trình chỉnh sửa Điều này rất tiện dụng và hữu ích cho các nhà phát triển giao diện người dùng Liên kết. https. //thương trường. Visual Studio. com/items?itemName=ritwickdey. LiveServer 11. Trình gỡ lỗi cho ChromeTiện ích mở rộng này đã đưa trình gỡ lỗi chrome mạnh mẽ vào mã studio trực quan Nó rất hữu ích cho các nhà phát triển front-end để thực hiện kiểm tra và gỡ lỗi thông qua GIPHY Liên kết. https. //thương trường. Visual Studio. com/items?itemName=msjsdiag. trình gỡ lỗi cho chrome 12. Nhận xét tốt hơnTiện ích mở rộng này giúp bạn tạo các nhận xét thân thiện và dễ đọc hơn với con người Liên kết. https. //thương trường. Visual Studio. com/items?itemName=aaron-bond. better-comments 13. thời gian mãTiện ích 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ư số giờ bạn viết mã hôm nay, v.v. Nó khá hữu ích để theo dõi và xem tiến độ. Điều này không hoàn toàn chỉ dành cho phát triển web, bất kỳ ai cũng có thể sử dụng tiện ích mở rộng này Liên kết. https. //thương trường. Visual Studio. com/items?itemName=softwaredotcom. swdc-vscode 14. Đồng bộ hóa cài đặtTôi sử dụng một máy khác cho công việc và mục đích sử dụng cá nhân của mình. Tôi sử dụng mã phòng thu trực quan 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 phần mở rộng Cài đặt Đồng bộ hóa. 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. https. //thương trường. Visual Studio. com/items?itemName=Shan. code-settings-sync 15. mã sốGiống như đoạn 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 một mã polaroid đẹp và chia sẻ nó liên kết. https. //thương trường. Visual Studio. com/items?itemName=pnp. mã áo choàng 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ã phòng thu trực quan Phần kết luậnNế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 vì đã đọc Mã VS có tốt cho JavaScript không?Mã VS hỗ trợ tuyệt vời cho JavaScript nhưng bạn có thể cài đặt thêm trình gỡ lỗi, đoạn mã, linters và các công cụ JavaScript khác thông qua tiện ích mở rộng.
Tiện ích mở rộng tốt nhất cho Mã VS là gì?Tiện ích mở rộng mã VS tốt nhất . GitLens là một tiện ích mở rộng giúp bạn xem thông tin chi tiết về mã như quyền tác giả, lịch sử, cam kết, chi nhánh, v.v. . Prettier là một trình định dạng mã giúp bạn viết mã theo cách tốt hơn và có tổ chức hơn. . Ứng dụng khách Thunder là tiện ích mở rộng ứng dụng khách API còn lại cho Mã VS Phần mở rộng nào được sử dụng cho JavaScript?Tập lệnh bên ngoài rất hữu ích khi cùng một mã được sử dụng trong nhiều trang web khác nhau. Các tệp JavaScript có phần mở rộng tệp . js .
Làm cách nào để tự động hoàn thành JavaScript trong Mã VS?Bạn có thể kích hoạt IntelliSense trong bất kỳ cửa sổ trình soạn thảo nào bằng cách nhập Ctrl+Dấu cách hoặc bằng cách nhập một ký tự kích hoạt (chẳng hạn như ký tự dấu chấm (. ) bằng JavaScript) . |