-
Repositorio original: https://github.com/jdonsan/charla-aprendiendo-vuejs.
-
Demo original: https://jdonsan.github.io/charla-aprendiendo-vuejs/demo/dist/#/.
-
Grabaci贸n charla HTML5 Spain: https://www.youtube.com/watch?v=7ftXSVWOwcg.
Gu铆a de c贸mo empezar con vuejs a partir de la charla de Jose Dongil.
-
Creaci贸n de una SPA media: Con Vue y Router.
-
Instalar Nodejs: https://nodejs.org/es/.
-
Para Bash Ubuntu en Windows 10:
-
curl -sL https://deb.nodesource.com/setup_6.x | sudo -E bash -
-
sudo apt-get install -y nodejs
-
-
-
Instalar vue-cli: npm install vue-cli -g.
-
Crear proyecto:
-
mkdir init-state
-
cd init-state
-
vue init webpack codenares-paradiso
-
Inicializar proyecto con los pasos en https://jdonsan.github.io/charla-aprendiendo-vuejs/slides/#slide=13
-
cd codenares-paradiso
-
npm install
-
npm run dev
-
-
El resultado en local se muestra en http://localhost:8080/#/. Ser铆a el mismo que https://cristinafsanz.github.io/vuejs-primeros-pasos/init-state/codenares-paradiso/dist/#/.
- Se ha modificado .gitignore para que se pueda subir directorio /dist.
-
La demo con los componentes se puede ver en https://cristinafsanz.github.io/vuejs-primeros-pasos/demo/dist/#/. Para poder verlo se ha habilitado GitHub Pages en master (desde la pesta帽a Settings).
-
Se ha cambiado la ruta en config.index.js: assetsPublicPath: '/vuejs-primeros-pasos/demo/dist/'
-
La versi贸n de distribuci贸n se gener贸 ejecutando: npm run build.
-
-
Arrancar demo en local:
-
cd demo
-
npm install
-
npm run dev
-
-
Instalar Vue.js dev tools para poder debuggear c贸digo Vue: https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd?hl=en.
-
Ejemplo Vue Dev tools:
-
-
En rama master: https://github.com/cristinafsanz/vue-master.
-
En directorio /docs de rama master: https://github.com/cristinafsanz/vue-master-docs.
-
En rama gh-pages: https://github.com/cristinafsanz/vue-gh-pages.
-
En rama gh-pages con Travis: https://github.com/cristinafsanz/vue-gh-pages-travis.