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/ClientApp. 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