Skip to content
A barebones dotnet template for Vuejs 2.X using Single File Component.
C# Vue HTML JavaScript
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.github
Content
.gitignore chore: added .ionide to .gitignore Jul 14, 2019
LICENSE
Readme.md
Vue.Simple.Template.0.3.7.nupkg
Vue.Simple.Template.nuspec chore: bump to version 0.3.7 Jul 26, 2019
appveyor.yml chore: bump to version 0.3.7 Jul 26, 2019
icon.png chore: adding Vue png logo Jul 26, 2019

Readme.md

Vue Simple Template Mit License

This template was created to interact with a vue.js project inside an asp.net core app using the Spa Services library. It aims to be minimalistic with its approach. It also favors Vue's single file component over Typescript, since one of the efforts is to minimize friction when transitioning from a vue-cli project into this template.

This template targets netcore 2.2.

Builds

Appveyor Branch
Build status master
Build status develop

Packages

NuGet (Stable) MyGet (Prerelease)
NuGet MyGet

Prerequisites

You must have dotnetcore 2.2 or later installed.

Installation

To install the template, via command line simply using nuget:

dotnet new -i "Vue.Simple.Template::*"

where * is the equivalent of the latest version of the template.

If you would like to tinker with the code locally, you can clone the repository and execute the following command with the dotnet command, using the path of the repo:

dotnet new -i "$PATH_OF_NUPKG_FILE"

Alternatively, you can use the myget prerelease package, by installing using the following command:

dotnet new -i "Vue.Simple.Template::*" --nuget-source https://www.myget.org/F/vue-simple-template/api/v3/index.json

Once installed as a template you can properly create your own custom projects using the template using the following command:

dotnet new simplevue -o MyAppName

It will generate the following folder structure:

$
.
├── .editorconfig
├── appsettings.Development.json
├── appsettings.json
├── Program.cs
├── Startup.cs
├── {ProjectName}.csproj
├── {ProjectName}.sln
├── /ClientApp
│   ├── package.json
│   ├── package-lock.json
│   ├── babel.config.js
│   ├── vue.config.js
│   ├── /public
│   │    ├── favicon.ico
│   │    └── index.html
│   ├── /src
│   │    ├── store.js
│   │    ├── router.js
│   │    ├── main.js
│   │    ├── App.vue
│   │    ├── /assets
│   │    │    └── logo.png
│   │    ├── /components
│   │    │    └── HelloWorld.vue
│   │    └── /views
│   │         ├── Home.vue
│   │         └── About.vue
│   │
│   └── /node_modules
├── /Controllers
│   └── MainController.cs
└── /Views
    ├── _ViewStart.cshtml
    ├── _ViewImports.cshtml
    ├── /Shared
    │    └── _Layout.cshtml
    └── /Main
         └── Index.cshtml

Then proceed to:

cd MyAppName
npm install

The ClientApp folder includes the default project created using the vue-cli 3.0. You can (optionally) replace the contents of the clientApp folder with your own custom vue project, since this template interacts directly with the vue commands, for building and debugging purposes.

For more information on how to interact with the new vue-cli 3.0, you can check this tutorial


Uninstalling

The syntax for uninstalling from the command line is the following:

dotnet new -u "Vue.Simple.Template"

Or

dotnet new -u "$PATH_OF_NUPKG_FILE"

Further info

For More information on how to manage dotnet custom templates see the docs.microsoft documentation.

Contributing

Check the contribution guide.

You can’t perform that action at this time.