lagartoflojo / VueJS-Workshop

Material for the workshop about Vuejs and TypeScript

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 - Twitter
• Juan Carlos López - Twitter

License

This project is licensed under the MIT License - see the LICENSE.md file for details