Cách tạo mẫu dự án và tiện ích mở rộng cho Visual Studio 2019

Chào!

Gần đây, tôi đã tạo hai mẫu dự án cho Vue JS + Asp.Net Core, cả hai đều là tiện ích mở rộng Visual Studio 2019. Chúng được chia sẻ trên thị trường Visual Studio, như bạn có thể thấy ở liên kết dưới đây:

  • Mẫu Vue JS + Asp.Net Core 3.1

Bạn có muốn biết cách tạo tiện ích mở rộng của riêng mình và xuất bản mẫu của riêng bạn không? Nếu có, phần còn lại của bài viết là một quá trình từng bước về cách làm điều đó.

Tạo dự án

Điều đầu tiên bạn phải làm là tạo một dự án mà bạn muốn chia sẻ dưới dạng mẫu. Trong bài viết này, tôi sẽ trình bày từng bước bằng cách sử dụng dự án Vue JS + Asp.Net Core mà tôi đã xuất bản.

Dự án xuất khẩu

Sau khi dự án được tạo, trên Visual Studio 2019, đi tới tùy chọn menu Project và chọn tùy chọn Xuất khẩu Bản mẫu mẫu:

Có hai loại mẫu: Mẫu dự án và Mẫu vật phẩm. Như trong trường hợp của chúng tôi, chúng tôi đang tạo một mẫu dự án, tôi đã chọn tùy chọn cơ bản:

Bước tiếp theo là cấu hình tên, mô tả, biểu tượng sẽ được hiển thị cho người dùng và xem trước hình ảnh. Điều thực sự quan trọng là phải đặt thông tin này một cách chính xác, càng nhiều chất lượng càng tốt, bởi vì nó sẽ xuất hiện cho những người dùng cuối cùng sẽ tải xuống và cài đặt mẫu / tiện ích mở rộng của bạn.

Và bỏ chọn tùy chọn Tự động nhập vào Visual Studio. Bằng cách đó, bạn sẽ có thể cài đặt tiện ích mở rộng mà bạn đang tạo.

Cuối cùng, quá trình sẽ tạo ra một thư mục nhỏ gọn chứa chính mẫu đó, nhưng nó không phải là kết thúc của việc tạo:

Định nghĩa thẻ

Khi chúng tôi tạo một dự án mới trên Visual Studio 2019, các mẫu xuất hiện cùng với một số thẻ cụ thể, giúp chúng tôi lọc các mẫu:

Kể từ phiên bản mới nhất của Visual Studio 2019, các thẻ này là bắt buộc đối với những người muốn xuất bản tiện ích mở rộng. Không có những thứ đó, tiện ích mở rộng sẽ được cài đặt, nhưng mẫu sẽ không bao giờ được hiển thị trong danh sách, ngay cả khi người dùng tìm kiếm.

Để tạo các thẻ này, hãy mở thư mục nhỏ gọn được tạo bằng mẫu ở bước cuối cùng và mở tệp .vstemplate bằng Trình chỉnh sửa văn bản:

Trong phần Dữ liệu mẫu của dữ liệu, hãy thêm vào sau thẻ Cung cấpDefDefName Tên danh sách thẻ tham chiếu đến mẫu của bạn, chẳng hạn như nền tảng, loại dự án, ngôn ngữ, v.v. Trong trường hợp của tôi, tôi đã chỉ định như sau:

Danh sách thẻ đầy đủ có thể được tìm thấy tại liên kết dưới đây:

Tạo phần mở rộng

Với mẫu đã được tạo và các thẻ được đặt, giờ là lúc tạo tệp cài đặt cho tiện ích mở rộng.

Đối với điều đó, chỉ cần tạo một dự án loại Dự án VSIX:

Đây là cấu trúc cơ bản của dự án:

Tái bút: tuy nhiên tôi đã tạo tên dự án bằng cách sử dụng một số ký tự đặc biệt như là + +, chỉ với mục đích giảng dạy, xin vui lòng tránh làm điều đó trong các tình huống thực tế. Tốt hơn là tạo mà không có bất kỳ khoảng trống hoặc ký tự đặc biệt nào, như thế: TemplateVueJSAspNetCoreArtigoMedium, thay vì tên tôi đặt. Nó sẽ ngăn chặn các vấn đề xây dựng, vì VS sẽ tự động tạo các không gian tên và các lớp sử dụng tên đó.

Bao gồm trong thư mục gốc tham chiếu thư mục nhỏ gọn vào mẫu của bạn. Điều quan trọng là thư mục compact sẽ chứa các thay đổi tệp .vstemplate với các thẻ tôi đã đề cập trước đó. Đừng quên điều đó.

Dự án này có một tệp kê khai, sẽ chứa thông tin về hướng dẫn cài đặt e mở rộng.

Nếu bạn nhấp đúp chuột vào tập tin đó, nó sẽ được mở giống như một biểu mẫu mà bạn có thể điền vào trường theo trường.

Thay đổi cẩn thận tất cả các thông tin cần thiết với chất lượng, bởi vì nó sẽ xuất hiện cho người dùng cuối cùng trong quá trình cài đặt và thị trường. Ngoài ra, cần phải xác định đúng trường Cảnh tác giả, vì nó thường có tên LAPTOP.

Sau đó, nhấp vào tại Assets.

Xóa các tài sản hiện có, trong trường hợp có và nhấp vào trong New New:

Chọn các tùy chọn mà tôi đặt và trong đường dẫn chỉ định thư mục nhỏ gọn mà bạn đã thêm vào dự án.

Thế hệ

Để tạo tập tin cài đặt, nó chỉ xây dựng dự án ở chế độ phát hành. Nó sẽ tạo tệp .exe được sử dụng để cài đặt tiện ích mở rộng trên VS.

Làm xong! Phần mở rộng của chúng tôi đã được tạo. Bạn có thể kiểm tra nó ngay bây giờ, trước khi bạn xuất bản trên thị trường Visual Studio, để xem mọi thứ có hoạt động tốt không.

Visual Studio Thị trường xuất bản

Trong trường hợp bạn muốn xuất bản tiện ích mở rộng của mình ra công chúng, bạn có thể làm điều đó trên Visual Studio Marketplace.

Để làm điều đó, hãy truy cập marketplace.visualstudio.com và sau khi đăng nhập bằng tài khoản Microsoft của bạn, hãy đi tới các tùy chọn bên dưới:

Tải lên .exe của tiện ích mở rộng của bạn:

Điền vào mẫu với mẫu và thông tin mở rộng. Vì thông tin đó sẽ được công khai, hãy chú ý chi tiết.

Khi quá trình kết thúc, chỉ cần lưu và chờ quá trình phê duyệt. Điều đó có thể mất một vài phút.

Phần kết luận

Tôi hy vọng bài viết này đã giúp bạn. Cảm ơn vì đã đọc nó.

Dưới đây là hồ sơ truyền thông xã hội của tôi. Hãy kết nối và đặt một câu hỏi. Trong các hồ sơ này, tôi thường xuyên chia sẻ nội dung về Công nghệ web và các sự kiện CNTT.

Twitter: https://twitter.com/alemalavasi Linkedin: https://www.linkedin.com/in/alexandremalavasi/

Gần đây tôi cũng đã tạo một kênh Youtube để đóng góp cho cộng đồng kỹ thuật sử dụng nền tảng này, tập trung vào .NET Core, Vue JS, Azure và hơn thế nữa. Nếu bạn quan tâm đến những chủ đề này, tôi khuyên bạn nên đăng ký. Sẽ sớm được phát hành nội dung thường xuyên, trong khi tôi đang thiết lập âm thanh, video và nội dung để cung cấp cho bạn trải nghiệm chất lượng cao.

Liên kết: https://www.youtube.com/channel/UC-KFGgYiot1eA8QFqIgLmqA