{"id":14973623,"url":"https://github.com/trilonio/aspnetcore-vue-starter","last_synced_at":"2025-05-15T02:03:31.020Z","repository":{"id":57243712,"uuid":"76901413","full_name":"TrilonIO/aspnetcore-Vue-starter","owner":"TrilonIO","description":"*NEW* Asp.net Core \u0026 Vue.js (ES6) SPA Starter kit - Vuex, webpack, Web API, Docker, and more! By @TrilonIO","archived":false,"fork":false,"pushed_at":"2019-10-16T12:49:25.000Z","size":885,"stargazers_count":1215,"open_issues_count":41,"forks_count":265,"subscribers_count":86,"default_branch":"master","last_synced_at":"2025-04-14T02:59:00.587Z","etag":null,"topics":["aspnet","aspnetcore","dotnet-template","ssr","trilon","vue","vue2","vuejs2"],"latest_commit_sha":null,"homepage":"https://www.trilon.io","language":"Vue","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/TrilonIO.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.md","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2016-12-19T22:11:52.000Z","updated_at":"2025-04-07T06:02:05.000Z","dependencies_parsed_at":"2022-09-15T10:12:57.545Z","dependency_job_id":null,"html_url":"https://github.com/TrilonIO/aspnetcore-Vue-starter","commit_stats":null,"previous_names":["markpieszak/aspnetcore-vue-starter"],"tags_count":6,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TrilonIO%2Faspnetcore-Vue-starter","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TrilonIO%2Faspnetcore-Vue-starter/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TrilonIO%2Faspnetcore-Vue-starter/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TrilonIO%2Faspnetcore-Vue-starter/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/TrilonIO","download_url":"https://codeload.github.com/TrilonIO/aspnetcore-Vue-starter/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248813789,"owners_count":21165633,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["aspnet","aspnetcore","dotnet-template","ssr","trilon","vue","vue2","vuejs2"],"created_at":"2024-09-24T13:49:05.207Z","updated_at":"2025-04-14T02:59:17.148Z","avatar_url":"https://github.com/TrilonIO.png","language":"Vue","funding_links":[],"categories":[],"sub_categories":[],"readme":"# ASP.NET Core \u0026 Vue.js Starter\n\nStarter Template for ASP.NET Core and Vue.JS (Vue) - with Webpack (with HMR), Web API, Vuex state manangement and other best-practices baked in! \n\n\u003e Written in ES6, TypeScript version coming soon!\n\n[![Nuget](https://img.shields.io/nuget/v/aspnetcore-vuejs.svg?style=for-the-badge\u0026color=5b1096)](https://www.nuget.org/packages/aspnetcore-vuejs/)\n[![Nuget Downloads](https://img.shields.io/nuget/dt/aspnetcore-vuejs.svg?label=Nuget%20Downloads\u0026style=for-the-badge\u0026color=b31ae7)](https://www.nuget.org/packages/aspnetcore-vuejs/)\n[![MIT License](https://img.shields.io/badge/license-MIT-blue.svg?style=for-the-badge\u0026color=e51384)](/LICENSE) \n\n---\n\n\u003cbr\u003e\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://trilon.io\" target=\"_blank\"\u003e\n        \u003cimg width=\"500\" height=\"auto\" src=\"https://trilon.io/trilon-logo-clear.png\" alt=\"Trilon.io - Angular Universal, NestJS, JavaScript Application Consulting Development and Training\"\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n\n\u003ch3 align=\"center\"\u003e Made with :heart: by \u003ca href=\"https://trilon.io\"\u003eTrilon.io\u003c/a\u003e\u003c/h3\u003e\n\n---\n\n\n# Table of Contents\n\n* [Features](#features)\n* [Prerequisites](#prerequisites)\n* [Installation](#installation)\n* [Extras](#recommended-plugin-for-debugging-vuejs)\n* [License](#license)\n* [Trilon - VueJS \u0026 Asp.NET Consulting \u0026 Training](#trilon---vue-aspnet-nodejs---consulting--training--development)\n\n# Features\n\n- **ASP.NET Core 2.2**\n  - Web API\n- **VueJS 2**\n  - Vuex (State Store)\n- **Webpack**\n  - HMR (Hot Module Replacement/Reloading)\n- **Bootstrap 4**\n\n# Prerequisites:\n * [.Net Core 2.2](https://www.microsoft.com/net/download/windows)\n * [NodeJS](https://nodejs.org/) \u003e= 10.x\n * [VSCode](https://code.visualstudio.com/) (ideally), or VS2017\n\n# Installation:\n\n### Nuget | Dotnet Templates\n\nFind the template through NuGet package manager inside Visual Studio or [here](https://www.nuget.org/packages/aspnetcore-vuejs)\n\n\u003e Or download it via dotnet templates\n\n```ts\n// Make a directory where you want the project\nmkdir my-vue-starter \u0026\u0026 cd my-vue-starter\n\n// Download the dotnet template\ndotnet new -i aspnetcore-vuejs\n\n// Run and install the template\ndotnet new vuejs\n\n// Make sure you install the dependencies\nnpm install\n```\n\nNow you can open the project via Visual Studio or VSCode, press F5 to run the application!\n\nNote: \n\n* This will automatically run `dotnet restore` unless you install with `dotnet new vuejs --skipRestore`\n* ([Official documentation](https://docs.microsoft.com/en-us/dotnet/core/tools/dotnet-new?tabs=netcore2x))\n   * This will automatically run `dotnet restore` unless you install with `dotnet new vuejs --skipRestore`\n\n### -OR- Clone this Repo itself\n\n * Clone this repository : `$ git clone https://github.com/MarkPieszak/aspnetcore-Vue-starter.git VueWeb`\n * `$ cd VueWeb/content`\n * `$ dotnet restore \u0026\u0026 npm install`\n * (If using VSCode) `$ code .` \n * (If using Visual Studio) Open the `*.sln` file with \"Open project\" from Visual Studio IDE\n\n\n## Start the application:\nYou have two choices when it come at how your preffer to run it. You can either use the command line or the build-in run command.\n\n### 1. Using the command line\nRun the application using `npm run dev`.\n \n### 2. Using the built-in run command\nRun the application in VSCode or Visual Studio 2017 by hitting `F5`.\n\n## View your application running\nWhen running the app using debug menu or `F5` VS open auto the app in the browser;\n\n----\n\n# Demo of Application Running\n\n![](./content/repo-example.png)\n\n---\n\n# Recommended plugin for debugging VueJS\n\n- Get Chrome DevTools for VueJS [here](https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd)\n\n---\n\n# Found a Bug? Want to Contribute?\n\nNothing's ever perfect, but please let me know by creating an issue (make sure there isn't an existing one about it already), and we'll try and work out a fix for it! If you have any good ideas, or want to contribute, feel free to either make an Issue with the Proposal, or just make a PR from your Fork.\nPlease note that this project is released with a [Contributor Covenant Code of Conduct](CODE_OF_CONDUCT.md). By participating in this project you agree to abide by its terms.\n\n---\n\n_Looking for ASP.NET Core \u0026 Angular 7.x+ Universal starter? [click here](https://github.com/TrilonIO/aspnetcore-angular-universal)_\n\n----\n\n# License\n\n[![MIT License](https://img.shields.io/badge/license-MIT-blue.svg?style=for-the-badge\u0026color=e51384)](/LICENSE) \n\nCopyright (c) 2016-2019 [Mark Pieszak](https://github.com/MarkPieszak)\n\n[![Twitter Follow](https://img.shields.io/twitter/follow/MarkPieszak.svg?style=social)](https://twitter.com/MarkPieszak)\n\n----\n\n# Trilon - Vue, Asp.NET, NodeJS - Consulting | Training | Development\n\nCheck out **[Trilon.io](https://Trilon.io)** for more info! \n\nContact us at \u003chello@trilon.io\u003e, and let's talk about your projects needs.\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://trilon.io\" target=\"_blank\"\u003e\n    \u003cimg src=\"https://trilon.io/trilon-logo-clear.png\" alt=\"Trilon.io - Angular Universal, NestJS, JavaScript Application Consulting Development and Training\"\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n## Follow Trilon online:\n\nTwitter: [@Trilon_io](http://twitter.com/Trilon_io)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftrilonio%2Faspnetcore-vue-starter","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftrilonio%2Faspnetcore-vue-starter","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftrilonio%2Faspnetcore-vue-starter/lists"}