Logo Zephyrnet

10 Phần mở rộng mã VS phải có cho nhà phát triển JavaScript

Ngày:

Trong bài viết này, tôi sẽ tập trung vào danh sách các phần mở rộng VS Code phải có cho các nhà phát triển JavaScript.

Mã Visual Studio (VS Code) chắc chắn là trình soạn thảo mã nhẹ, phổ biến nhất hiện nay. Nó vay mượn rất nhiều từ các trình soạn thảo mã phổ biến khác, chủ yếu là Sublime Text và Atom. Tuy nhiên, thành công của nó chủ yếu đến từ khả năng cung cấp hiệu suất tốt hơn và ổn định hơn. Ngoài ra, nó cũng cung cấp các tính năng rất cần thiết như IntelliSense, vốn chỉ có sẵn trong các IDE có kích thước đầy đủ như Eclipse hoặc Visual Studio 2017.

Sức mạnh của VS Code chắc chắn đến từ thị trường. Nhờ cộng đồng mã nguồn mở tuyệt vời, trình soạn thảo hiện có khả năng hỗ trợ hầu hết mọi ngôn ngữ lập trình, khuôn khổ và công nghệ phát triển. Hỗ trợ cho thư viện hoặc khung công tác theo nhiều cách khác nhau, chủ yếu bao gồm các đoạn trích, tô sáng cú pháp, Emmet và các tính năng IntelliSense cho công nghệ cụ thể đó.

Phần mở rộng mã VS theo danh mục

Đối với bài viết này, tôi sẽ tập trung vào các phần mở rộng VS Code nhắm mục tiêu cụ thể đến các nhà phát triển JavaScript. Hiện tại, có rất nhiều phần mở rộng VS Code phù hợp với tiêu chí này, tất nhiên có nghĩa là tôi sẽ không thể đề cập đến tất cả chúng. Thay vào đó, tôi sẽ nêu bật các phần mở rộng VS Code đã trở nên phổ biến và những phần mở rộng không thể thiếu cho các nhà phát triển JavaScript. Để đơn giản, tôi sẽ nhóm chúng thành mười danh mục cụ thể.

Phần mở rộng đoạn mã

Khi bạn cài đặt VS Code lần đầu, nó đi kèm với một số đoạn mã tích hợp cho JavaScript và Typescript. Đoạn mã giúp bạn viết mã lặp đi lặp lại một cách nhanh chóng. Tuy nhiên, bạn có thể thấy những điều này có thể không đủ. Bạn có thể dễ dàng tạo của riêng mình hoặc bạn có thể chỉ cần cài đặt một tiện ích mở rộng bao gồm một loạt các đoạn mã hữu ích mới. Mẹo nhanh nếu bạn muốn các đoạn trích hiển thị trên đầu các đề xuất là sử dụng cấu hình này:

{ "editor.snippetSuggestions": "top"
}

Dưới đây là một số tiện ích mở rộng đoạn mã phổ biến nhất dành cho các nhà phát triển JavaScript. Tuy nhiên, tôi khuyên bạn chỉ nên cài đặt một cái vì lợi ích đơn giản.

  • Đoạn mã JavaScript (ES6), bởi Charalampos Karypidis. Đây hiện là tiện ích mở rộng đoạn mã javaScript phổ biến nhất với hơn 3 triệu lượt cài đặt cho đến nay. Phần mở rộng này cung cấp cú pháp ES6 cho JavaScript, TypeScript, HTML, React và Vue. Tất cả các đoạn mã đều có dấu chấm phẩy cuối cùng.

  • Đoạn mã JavaScript (ES6) ở kiểu StandardJS, của James Vickery. Về cơ bản, đây là một nhánh của phần mở rộng ở trên cho những người thích Quy ước về kiểu chuẩnJS—Đó là, các đoạn mã không có dấu chấm phẩy.

  • Đoạn mã được tạo kiểu JavaScript standardjs, bởi capaj. Một đoạn mã được tạo kiểu StandardJS khác nhưng đoạn mã này phổ biến hơn với hơn 72 nghìn lượt cài đặt. Ban đầu được chia từ Đoạn mã Atom StandardJS. Chứa một bộ sưu tập khổng lồ các đoạn mã tiện dụng và hỗ trợ JavaScript, TypeScript và React.

  • Đoạn mã JavaScript, bởi Nathan Chapman. Một bộ sưu tập các đoạn mã JavaScript với khoảng 33k + lượt cài đặt cho đến nay. Phần mở rộng đoạn mã này hỗ trợ các khung Node.js, BDD Testing như Mocha và Jasmine.

  • Đoạn mã JavaScript Atom, bởi Saran Tanpituckpong. Với khoảng 26 nghìn lượt cài đặt trở lên cho đến nay, các đoạn mã trong tiện ích mở rộng này đã được chuyển từ atom/language-javascript. Các đoạn mã JavaScript được chuyển từ phần mở rộng atom / language-javascript.

Phần mở rộng Đánh dấu Cú pháp

Phiên bản mới nhất của VS Code hỗ trợ tô màu cú pháp tốt hơn và hiện phù hợp hơn với các tiêu chuẩn được đặt ra trong ngữ pháp Atom. Do đó, các phần mở rộng như Ngữ pháp nguyên tử JavaScript không còn cần thiết nữa.

Tuy nhiên, chúng tôi vẫn có một số phần mở rộng đánh dấu cú pháp khá hữu ích khi nói đến một số loại dự án và phần mở rộng tệp nhất định. Đây là một số:

  • Babel JavaScript, của Michael McDermott. Với hơn 550 nghìn lượt cài đặt cho đến nay, tiện ích mở rộng này cung cấp đánh dấu cú pháp cho mã JavaScript, React, FlowType và GraphQL của ES201x.

  • DotENV, bằng 833,737. Với hơn 833k lượt cài đặt cho đến nay, tiện ích mở rộng này hỗ trợ đánh dấu cú pháp cho cài đặt môi trường - nghĩa là .env các tập tin.

  • Bộ chỉnh màu cặp giá đỡ 2, bởi CoenraadS. Với 730k + lượt cài đặt, tiện ích mở rộng này làm nổi bật các dấu ngoặc phù hợp với các màu khác nhau, giúp bạn xác định dấu ngoặc thuộc khối nào.

Phần mở rộng Linter

Bạn đã bao giờ tranh luận với đồng đội của mình về tab so với khoảng trắng hoặc dấu chấm phẩy và không có dấu chấm phẩy? Bạn sẽ nhận ra rằng mọi người có ý kiến ​​mạnh mẽ về việc sử dụng phong cách mã hóa nào. Tuy nhiên, mọi người trong cùng một nhóm cần sử dụng cùng một phong cách mã hóa bất kể ý kiến ​​của họ.

Tuy nhiên, việc các lập trình viên quên kiểu mã hóa mà họ đã đồng ý làm việc là điều khá phổ biến. Để thực thi các quy tắc, chúng tôi cần sử dụng cây vải so sánh mã của bạn với các quy tắc bạn đã thiết lập. Bạn xác định các quy tắc của mình bằng cách chọn một kiểu mã hóa phổ biến, chẳng hạn như Tiêu chuẩn, GoogleAirbnb. Bạn có thể sử dụng chúng nguyên trạng hoặc sử dụng tệp cấu hình để tùy chỉnh các quy tắc. VS Code không có trình ghép JavaScript tích hợp sẵn, vì vậy bạn sẽ cần cài đặt một tiện ích mở rộng.

Dưới đây là các tiện ích mở rộng chúng tôi có sẵn:

  • Tiếng Anh, của Dirk Baeumer. Với hơn 8 triệu lượt cài đặt, đây là tiện ích mở rộng phổ biến nhất cung cấp hỗ trợ cho Tiếng Anh thư viện. Để tiện ích mở rộng hoạt động, dự án của bạn sẽ cần cài đặt các gói và plugin ESLint. Bạn cũng sẽ cần chỉ định một .eslintrc, sẽ chỉ định các quy tắc mà tiện ích mở rộng sẽ sử dụng để chèn mã của bạn.

  • Mã não, bởi Dirk Baeumer. Với hơn 1.2 triệu lượt cài đặt, tiện ích mở rộng này hỗ trợ linting với Mã não thư viện. A .jshintrc tệp cấu hình là bắt buộc để tiện ích mở rộng phù hợp với mã của bạn.

  • StandardJS - Kiểu chuẩn JavaScript, bởi Sam Chen. Phần mở rộng này (259k + lượt cài đặt) chỉ cần tích hợp Kiểu chuẩn JavaScript thành VS Code. Bạn sẽ cần cài đặt standard or semiStandard như một sự phụ thuộc của nhà phát triển trong dự án của bạn. Không cần tệp cấu hình. Bạn sẽ cần phải tắt trình xác thực tích hợp của VS Code để tiện ích mở rộng này hoạt động.

  • Mã thông báo, bởi Andrew Hyndman. Tiện ích mở rộng này cung cấp linting với Mã thông báo thư viện. Bạn sẽ cần cài đặt jslint cục bộ hoặc toàn cầu để tiện ích mở rộng hoạt động. Nó đã có 109k + lượt cài đặt cho đến nay.

Nếu bạn muốn có cái nhìn tổng quan về các loại xơ vải có sẵn và ưu nhược điểm của chúng, hãy xem so sánh các công cụ vẽ linting JavaScript.

Tiện ích mở rộng quản lý gói Node

Mỗi dự án JavaScript cần ít nhất một gói npm, trừ khi bạn là người thích làm mọi thứ một cách khó khăn. Dưới đây là một số tiện ích mở rộng VS Code sẽ giúp bạn quản lý và làm việc với các gói npm dễ dàng hơn.

  • NPM, bởi egamma. Với hơn 2.3 triệu lượt cài đặt, tiện ích mở rộng này sử dụng package.json để xác thực các gói đã cài đặt. Nếu thiếu bất kỳ điều gì hoặc các phiên bản không khớp, tiện ích mở rộng sẽ cung cấp cho bạn các tùy chọn có thể nhấp để khắc phục sự cố. Ngoài ra, bạn cũng có thể chạy các tập lệnh npm được định nghĩa trong package.json ngay bên trong trình chỉnh sửa.

npm IntelliSense, của Christian Kohler. Với hơn 1.9 triệu lượt cài đặt, tiện ích mở rộng này cung cấp các mô-đun npm tự động hoàn thành trong các câu lệnh nhập.

npm Bản trình diễn IntelliSense

  • Đường dẫn IntelliSense, của Christian Kohler. Với hơn 2.7 triệu lượt cài đặt, tiện ích mở rộng này sẽ tự động hoàn thành tên tệp. Nó cũng hoạt động bên trong các tệp HTML và CSS.

  • Thực thi nút, bởi Miramac. Với hơn 168 nghìn lượt cài đặt, tiện ích mở rộng này cho phép bạn thực thi tệp hiện tại hoặc mã đã chọn của bạn với Node.js bằng cách nhấn F8 trên bàn phím của bạn. Bạn cũng có thể hủy quá trình đang chạy bằng cách nhấn F9.

  • Xem gói nút của Dominik Kundel. Với hơn 55 nghìn lượt cài đặt, tiện ích mở rộng này cho phép bạn xem nhanh nguồn và tài liệu gói Node trong khi bạn đang làm việc với mã của mình.

  • Nút Readme, bởi bengreenier. Với hơn 52 nghìn lượt cài đặt, tiện ích mở rộng này cho phép bạn nhanh chóng mở tài liệu gói npm ngay bên trong trình chỉnh sửa Mã VS dưới dạng một tab riêng biệt.

  • Tìm kiếm node_modules, của Jason Nutter. Theo mặc định, node_modules thư mục bị loại trừ khỏi tìm kiếm tích hợp của VS Code. Với hơn 470 nghìn lượt cài đặt, tiện ích mở rộng này cho phép bạn nhanh chóng điều hướng và mở tệp trong node_modules bằng cách duyệt qua cây thư mục.

Tìm kiếm mô-đun Nodenguồn: vscode-search-node-module

  • Chi phí nhập khẩu bởi Wix. Điều này hiển thị bao nhiêu dung lượng đĩa mà một gói đang sử dụng khi bạn nhập nó. Phần mở rộng có 562K + lượt cài đặt.

Nhập bản demo chi phí nguồn: chi phí nhập khẩu

Định dạng tiện ích mở rộng

Thường xuyên hơn không, đôi khi chúng ta viết mã không phù hợp với phần còn lại của mã. Để khắc phục điều này, chúng ta cần quay lại và sửa lỗi thụt lề ở mỗi dòng. Ngoài ra, chúng ta cần đảm bảo các dấu ngoặc nhọn và thẻ được định dạng đúng ở định dạng có thể đọc được. Quá trình này có thể nhanh chóng trở nên tẻ nhạt.

May mắn thay, chúng tôi có các tiện ích mở rộng có thể thực hiện công việc cho chúng tôi. Xin lưu ý các phần mở rộng như PrettierBeautify cả hai không thể hoạt động đồng thời.

  • Trình định dạng mã đẹp hơn, của Esben Petersen. Đây là tiện ích mở rộng phổ biến nhất hỗ trợ định dạng JavaScript, TypeScript và CSS bằng cách sử dụng Đẹp hơn. Tính đến nay, nó đã có hơn 5.7 triệu lượt cài đặt. Bạn nên cài đặt prettier cục bộ như một phụ thuộc của nhà phát triển.

  • Tô điểm, bởi HookyQR. A jsBeautifier tiện ích mở rộng hỗ trợ JavaScript, JSON, CSS và HTML. Nó có thể được tùy chỉnh thông qua một .jsbeautifyrc tập tin. Nó hiện là định dạng phổ biến thứ hai, với 4.4 triệu lượt cài đặt cho đến nay.

  • Trình tái cấu trúc JS, bởi Chris Stead. Điều này cung cấp một số tiện ích và hành động để cấu trúc lại mã JavaScript, chẳng hạn như trích xuất các biến / phương thức, chuyển đổi mã hiện có để sử dụng các hàm mũi tên hoặc các ký tự mẫu và xuất các hàm. Tính đến nay, nó đã có hơn 140 nghìn lượt cài đặt.

  • Tăng cường JavaScript, của Stephan Burguchev. Đây là một công cụ tái cấu trúc mã tuyệt vời. Nó có một số hành động mã hóa như chuyển đổi var đến const or let, loại bỏ phần thừa else các câu lệnh, khai báo và khởi tạo hợp nhất. Lấy cảm hứng từ webstorm, nó đã có hơn 74k lượt cài đặt cho đến nay.

Bản trình diễn JavaScript Booster nguồn: vscode-javascript-tăng cường

Tiện ích mở rộng trình duyệt

Trừ khi bạn đang viết một chương trình bảng điều khiển bằng JavaScript, rất có thể bạn sẽ thực thi mã JavaScript của mình bên trong trình duyệt. Điều này có nghĩa là bạn sẽ cần phải thường xuyên làm mới trang để xem hiệu quả của mỗi lần cập nhật mã mà bạn thực hiện. Thay vì làm việc này theo cách thủ công mọi lúc, đây là một số công cụ có thể giảm đáng kể thời gian phát triển quy trình lặp lại của bạn:

  • Trình gỡ lỗi cho Chrome, của Microsoft. Với hơn 5.2 triệu lượt cài đặt, tiện ích mở rộng này cho phép bạn gỡ lỗi mã JavaScript của mình trong Chrome hoặc bất kỳ mục tiêu nào khác hỗ trợ Giao thức trình gỡ lỗi Chrome. Nếu bạn chưa quen với tiện ích mở rộng này và đang gỡ lỗi trong VS Code, hãy xem VS Code và hướng dẫn gỡ lỗi Chrome.

Trình gỡ lỗi cho Chrome Demo nguồn: vscode-chrome-gỡ lỗi

  • Máy chủ trực tiếp, bởi Ritwick Dey. Tiện ích mở rộng này cho phép bạn khởi chạy một máy chủ phát triển cục bộ với tính năng tải lại trực tiếp cho các trang tĩnh và động. Nó đã có hơn 4.6 triệu lượt cài đặt cho đến nay.

Bản demo máy chủ trực tiếp nguồn: vscode-chrome-debugvscode-live-server

  • Xem trước trên Máy chủ Web, bởi YuichiNukiyama. Điều này cung cấp máy chủ web và bản xem trước trực tiếp của HTML. Các tính năng có thể được gọi từ menu ngữ cảnh hoặc menu trình chỉnh sửa. Nó đã có 120k + lượt cài đặt cho đến nay.

  • Máy chủ PHP, bởi brapifra. Được xây dựng cho các dự án PHP, nó vẫn hữu ích để kiểm tra mã JavaScript chỉ cần chạy phía máy khách. Tính đến nay, nó đã có 234k + lượt cài đặt.

  • Khách hàng còn lại, bởi Huachao Mao. Thay vì sử dụng trình duyệt hoặc chương trình CURL để kiểm tra các điểm cuối API REST của bạn, bạn có thể cài đặt công cụ này để chạy các yêu cầu HTTP một cách tương tác ngay bên trong trình chỉnh sửa. Tính đến nay, nó đã có 834k + lượt cài đặt.

Phần mở rộng khung

Đối với hầu hết các dự án, bạn sẽ cần một khuôn khổ phù hợp để cấu trúc mã và cắt giảm thời gian phát triển. VS Code hỗ trợ hầu hết các framework chính thông qua các phần mở rộng. Tuy nhiên, vẫn còn một số khuôn khổ được thiết lập chưa có phần mở rộng được phát triển đầy đủ. Dưới đây là một số tiện ích mở rộng VS Code cung cấp chức năng quan trọng.

  • Angular Snippets (Phiên bản 9), bởi John Papa. Với hơn 1.7 triệu lượt cài đặt, đây là phần mở rộng đoạn mã phổ biến nhất dành cho các nhà phát triển Angular. Nó cung cấp các đoạn mã Angular cho các tệp TypeScript, RxJS, HTML và Docker. Tại thời điểm viết bài, phần mở rộng đã được cập nhật để hỗ trợ Angular 9.

  • Angular 8 Snippets - TypeScript, Html, Angular Material, ngRx, RxJS và Flex Layout, bởi Mikael Morlund. Điều này có các đoạn mã cho Angular 2, 4, 5, 6,7 và 8 Beta. Nó hỗ trợ các Typecript, HTML, Angular Material ngRx, RxJS, PWA và Flex Layout. Tính đến nay, nó chứa 242 đoạn mã Angular và hiện có hơn 1.35 triệu lượt cài đặt.

  • Đoạn mã ES7 React / Redux / GraphQL / React-Native, bởi dsznajder. Với hơn 1.2 triệu lượt cài đặt cho đến nay, tiện ích mở rộng này cung cấp các đoạn mã JavaScript và TypeScript cho React, Redux và Graphql với cú pháp ES7.

  • Công cụ React Native, của Microsoft. Điều này cung cấp IntelliSense, các lệnh và các tính năng gỡ lỗi cho các dự án React Native. Tính đến nay, nó đã có hơn 1.2 triệu lượt cài đặt.

  • Đoạn mã React-Native / React / Redux cho es6 / es7, bởi EQuimper. Điều này cung cấp các đoạn mã theo cú pháp ES6 / ES7 cho React, React Native, Redux và storybook theo cú pháp ES6 / ES7. Nó đã có 371k + cài đặt cho đến nay.

  • vetur, bởi Pine Wu. Điều này cung cấp hỗ trợ tô sáng cú pháp, đoạn trích, Emmet, linting, định dạng, IntelliSense và gỡ lỗi cho khung Vue. Nó đi kèm với tài liệu thích hợp được xuất bản trên gitbook. Tính đến nay, nó đã có hơn 4.2 triệu lượt cài đặt.

  • cây củi cháy dở, bởi Felix Rieseberg. Điều này cung cấp hỗ trợ lệnh và IntelliSense cho Ember. Sau khi cài đặt, tất cả ember cli các lệnh có sẵn thông qua danh sách lệnh riêng của VS Code. Tính đến nay, nó đã có hơn 18 nghìn lượt cài đặt.

  • Công cụ Cordova, của Microsoft. Điều này cung cấp hỗ trợ cho các plugin Cordova và khuôn khổ Ionic, đồng thời cung cấp IntelliSense, gỡ lỗi và các tính năng hỗ trợ khác cho các dự án dựa trên Cordova. Tính đến nay, nó đã có 272k + lượt cài đặt.

  • Đoạn mã jQuery, của Don Jayamanne. Điều này cung cấp hơn 130 đoạn mã jQuery. Nó được kích hoạt bởi tiền tố jqvà có hơn 700 nghìn lượt cài đặt cho đến nay.

Tiện ích mở rộng thử nghiệm

Kiểm thử là một phần quan trọng của phát triển phần mềm, đặc biệt là đối với các dự án đang trong giai đoạn sản xuất. Bạn có thể có cái nhìn tổng quan rộng rãi về thử nghiệm trong JavaScript và đọc thêm về các loại thử nghiệm khác nhau mà bạn có thể chạy trong hướng dẫn của chúng tôi, “Kiểm tra JavaScript: Kiểm tra đơn vị so với chức năng và tích hợp”. Dưới đây là một số phần mở rộng VS Code phổ biến để thử nghiệm.

  • Thanh bên Mocha, bởi maty. Điều này cung cấp hỗ trợ cho việc thử nghiệm bằng thư viện Mocha. Tiện ích mở rộng này giúp bạn chạy thử nghiệm trực tiếp trên mã và hiển thị lỗi dưới dạng trình trang trí. Nó đã có 68k + lượt cài đặt cho đến nay. Xin lưu ý rằng tiện ích mở rộng này có một số vấn đề chưa được giải quyết tại thời điểm viết bài.

  • Đoạn mã Mocha ES6, bởi Cory Noonan. Điều này cung cấp các đoạn mã Mocha trong cú pháp ES6. Trọng tâm của tiện ích mở rộng này là giữ cho mã khô ráo, tận dụng các chức năng mũi tên và bỏ qua các đường cong nếu có thể. Nó có thể được định cấu hình để cho phép dấu chấm phẩy và có hơn 36 nghìn lượt cài đặt cho đến nay.

  • Đoạn mã Jasmine, bởi Charalampos Karypidis. Điều này cung cấp các đoạn mã cho khung thử nghiệm Jasmine. Tính đến nay, nó đã có hơn 30 nghìn lượt cài đặt. Thật không may, phần mở rộng này đã không được cập nhật trong ba năm qua tại thời điểm viết bài.

  • Đoạn mã thước đo góc, bởi Budi Irawan. Điều này cung cấp các đoạn mã thử nghiệm đầu cuối cho khung thước đo góc. Nó hỗ trợ cả JavaScript và Typescript và có hơn 18 nghìn lượt cài đặt cho đến nay.

  • Nút TDD, bởi Prashant Tiwari. Điều này cung cấp hỗ trợ cho phát triển theo hướng thử nghiệm cho các dự án Node và JavaScript. Nó có thể kích hoạt một bản dựng thử nghiệm tự động bất cứ khi nào các nguồn được cập nhật. Nó đã có 23k + lượt cài đặt cho đến nay.

Bản trình diễn nút TDD nguồn: nút-tdd

Tiện ích mở rộng tuyệt vời

Tôi chỉ đặt loạt tiện ích mở rộng VS Code tiếp theo này vào danh mục "tuyệt vời", bởi vì điều đó mô tả tốt nhất về chúng!

  • Quokka.js, bởi Wallaby.js. Một công cụ gỡ lỗi tuyệt vời cung cấp một sân chơi tạo mẫu nhanh cho mã JavaScript. Nó đi kèm với tài liệu xuất sắcvà có hơn 641k lượt cài đặt.

  • Dán dưới dạng JSON, bằng loại nhanh. Điều này cho phép bạn nhanh chóng chuyển đổi dữ liệu JSON thành mã JavaScript và đã có hơn 430 nghìn lượt cài đặt cho đến nay.

Dán bản trình diễn JSON nguồn: loại nhanh

  • Số liệu mã, bởi Kiss Tamás. Đây là một tiện ích mở rộng tuyệt vời khác tính toán độ phức tạp trong mã JavaScript và TypeScript. Tính đến nay, nó đã có hơn 233k lượt cài đặt.

Bản giới thiệu số liệu mã 1

Bản giới thiệu số liệu mã 2

Bản giới thiệu số liệu mã 3 nguồn: mật mã

Gói mở rộng

Bây giờ chúng ta đã đến danh mục cuối cùng, tôi chỉ muốn thông báo cho bạn biết rằng thị trường VS Code có một danh mục cho các gói tiện ích mở rộng. Về cơ bản, đây là bộ sưu tập các phần mở rộng VS Code liên quan được đóng gói thành một gói để dễ dàng cài đặt. Dưới đây là một số trong số những cái tốt hơn:

  • Gói mở rộng Nodejs, của Wade Anderson. Gói này chứa các đoạn mã ESLint, npm, JavaScript (ES6), Tìm kiếm node_modules, NPM IntelliSense và Path IntelliSense. Nó có hơn 293K lượt cài đặt.

  • VS Code cho Node.js - Gói phát triển, bởi NodeSource. Cái này có NPM IntelliSense, ESLint, Debugger cho Chrome, Code Metrics, Docker và Import Cost. Tính đến nay, nó đã có hơn 103 nghìn lượt cài đặt.

  • Gói mở rộng Vue.js, của Muhammad Ubaid Raza. Đây là tập hợp các phần mở rộng Vue và JavaScript. Nó hiện chứa khoảng 12 phần mở rộng VS Code, một số phần mở rộng chưa được đề cập ở đây, chẳng hạn như thẻ tự động đổi têntự động đóng thẻ. Tính đến nay, nó đã có hơn 156k lượt cài đặt.

  • Gói mở rộng Ionic, của Loiane Groner. Gói này chứa một số phần mở rộng Mã VS để phát triển Ionic, Angular, RxJS, Cordova và HTML. Nó có khoảng 75k lượt cài đặt cho đến nay.

Tổng kết

Số lượng lớn các tiện ích mở rộng chất lượng của VS Code khiến nó trở thành một lựa chọn phổ biến cho các nhà phát triển JavaScript. Viết mã JavaScript hiệu quả như thế này chưa bao giờ dễ dàng hơn thế. Các tiện ích mở rộng như ESLint giúp bạn tránh các lỗi thường gặp, trong khi các tiện ích mở rộng khác như Trình gỡ lỗi cho Chrome giúp bạn gỡ lỗi mã của mình dễ dàng hơn. Các tiện ích mở rộng Node.js, với các tính năng IntelliSense của chúng, giúp bạn nhập các mô-đun một cách chính xác và sự sẵn có của các công cụ như Máy chủ trực tiếp và máy khách REST giúp bạn giảm bớt sự phụ thuộc vào các công cụ bên ngoài để hoàn thành công việc của mình. Tất cả những công cụ này giúp quá trình lặp lại của bạn dễ dàng hơn nhiều.

Tôi hy vọng danh sách này đã giới thiệu cho bạn các tiện ích mở rộng VS Code mới có thể giúp bạn trong quy trình làm việc của mình.

Tiếp theo, hãy tìm hiểu cách tận dụng Visual Studio Code để tăng cường quy trình phát triển của bạn với Hướng dẫn sử dụng mã nguồn Visual Studio Code.

Nguồn: https://www.sitepoint.com/vs-code-extensions-javascript-developers/?utm_source=rss

tại chỗ_img

Tin tức mới nhất

tại chỗ_img