O documento introduz o framework Vue.js, explicando que ele é focado na view e pode ser usado incrementalmente com outras ferramentas. Ele também mostra como começar um projeto Vue usando HTML, CSS, JavaScript e bibliotecas como o Vue Router e Vuex, e lista recursos úteis como o Quasar Framework e sites de empregos.

1. PRIMEIROS PASSOS COM
VUE.JS

2. Joel Rodrigues
Microsoft MVP
Autor técnico e consultor na DevMedia
joelrlneto@hotmail.com
medium.com/@joelrodrigues

3. Introdução
• Framework JavaScript para criação de interfaces;
• Planejado para ser adotado de forma incremental;
• Focado na view;
• Pode ser usado em conjunto com ferramentas e bibliotecas
para construir SPAs completas.

4. Como começar
• HTML, CSS e JavaScript;
• TypeScript, JSX, Webpack, Babel, Node, NPM.

5. Como começar
<script src="https://cdn.jsdelivr.net/npm/vue"></script>
<div id=“app”>
{{ mensagem }}
</div>
<script>
var app = new Vue({
el : “app”,
data : {
mensagem : “Canal .NET DevWeek”
}
});
</script>

6. Bibliotecas complementares
Vue Router
https://router.vuejs.org/
Vuex
https://vuex.vuejs.org
Server-Side Rendering
https://ssr.vuejs.org/

7. Avançando
Vue Loader
https://vue-loader.vuejs.org/
Webpack Template
https://vuejs-templates.github.io/webpack/
Vue-CLI
https://github.com/vuejs/vue-cli

8. Próximos passos
Quasar Framework
Websites, PWAs, mobile e desktop apps.

9. Recursos úteis
Vue Awesome
https://github.com/vuejs/awesome-vue
VueJobs
https://vuejobs.com/
Vue Curated
https://curated.vuejs.org/