[[TOC(heading=Client side development)]]
[[TOC(heading=Omgeving, sectionindex, compact, depth=3, allactive, Documentatie/Ontwikkelaar/Omgeving/)]]
[[TOC(heading=Ontwikkelaar, sectionindex, compact, depth=2, allactive, Documentatie/Ontwikkelaar/)]]
[[TOC(heading=Documentatie, sectionindex, compact, depth=1, allactive, Documentatie/)]]

= Client side development =

Onze client side development stack bestaat vooralsnog uit:
* Microsoft.!AspNetCore.!SpaTemplates
* node.js/npm
* webpack
* vue.js
* sass

Zie ook https://blogs.msdn.microsoft.com/webdev/2017/02/14/building-single-page-applications-on-asp-net-core-with-javascriptservices/

Deze pagina wordt later verder uitgewerkt.

== Installeer Node.js ==
Ga naar https://nodejs.org/en/ en download de current version.

== Installeer de benodigde Node modules ==
Open een command prompt en ga naar de map OpenACWebCore/OpenACWeb. Voer het volgende commando uit:
{{{
npm install
}}}

== Client side build ==
Open een command prompt en ga naar de map OpenACWebCore/OpenACWeb. Voer het volgende commando uit:
{{{
npm run build
}}}
n.b. Dit commando moet nog worden opgenomen in ons build proces!

== Testproject maken ==
Installeer eerst node.js, zie boven. Maak een nieuwe map aan en voer in deze map achtereenvolgens de volgende commando's uit:
{{{
dotnet new --install Microsoft.AspNetCore.SpaTemplates::*
dotnet new vue
npm install
dotnet restore
}}}