makotoatsu / aspnetcore_vite_template

A Startup Template for ASP.Net Core and Vite project

AspNetCore_Vite_Template

A Startup Template for ASP.Net Core and Vite project

Feature

1. Integrating Asp.Net Core and Vite.
2. Support frontend app HMR
3. Support HTTPS
4. Auto build and publish frontend app when publishing backend app
5. 9 templates -- both Vue and React (JS and TS)

	Vue + TypeScript	Vue	React + TypeScript	React
Asp.Net Core MVC 5	O	X	X	X
Net 6 Use Controllers	O	O	O	O
Net 6 + Minimal API	O	O	O	O

How to use it

VS marketplace : https://marketplace.visualstudio.com/items?itemName=MakotoAtsu.AspNetCoreViteStarter

1. Install this extension in your VS2019 or VS2022 (download from web page or use VS extension manager)

2. Create a new project and choose 1 template

4. Press F5 to run both backend and frontend server

5. Hit button to fetch data from the backend

6. Frontend app will auto-build when you publish the backend app

If you want to use other Vite template

Just create a new Vite template and replace all content in the ClientApp folder

aspnetcore_vite_template's Issues

It will work on MAC

It will work on MAC ?

Adding a Database

Does anyone know how to add a Database in the back-end specifically a MySQL or MySQL Server?

Suggestions

Please consider updating the template to target net6.0. It would also be helpful if you mentioned TypeScript is included as part of the README or in the description of the extension in the Visual Studio marketplace.

npm package in subfolder

Hello. In this template the package.json is in subfolder ClientApp.
If I add a module to package.json this module isn't installed automatically.
Visual Studio requires package.json in root folder.
How you solve this ptoblem?

Publish `ViteHelper` as a NuGet package