VueJS-Workshop
Workshop about VS Code and modern web apps on Azure with Typescript and VueJs.
An example application to list cities in the world and the weather in each of them.
Prerequisites
- NodeJS - The package manager to install dependencies
- VSCode - To code the examples
- Git - To get the code of the exercises
Installing and Running
Install dependencies:
npm install
Run in development environment:
npm run start
Run in production environment:
npm run prod
Deployment
Run to generate the two files needed for deployment (.deployment and deploy.cmd):
kuduscript -y --node
Modify line 111 of the .deploy.cmd file to:
call :ExecuteCmd !NPM_CMD! run prod
Create a web.config file based on the following example structure and modify the url attribute in the StaticContent rule to link to your public folder.
<rule name="StaticContent">
<action type="Rewrite" url="{publishing_directory}{REQUEST_URI}"/>
</rule>
where {publishing_directory}
= your public folder
Exercises
- 01 - Hello World
- 02 - Cities
- 03 - Weather
- 04 - Child Component
- 05 - Filter
- 06 - Lazy loading + IoC + Styles (same as master)
Authors
- Quique Fdez Guerra - @CKGrafico
- Juan Carlos López - @jcarloslr10
License
This project is licensed under the MIT License - see the LICENSE.md file for details