sábado, 17 de marzo de 2018

Aprendamos Vue desde cero hasta un SPA | Preparando nuestro entorno de desarrollo



Hola amigos ante todo un saludo y agradecerles por leer esta publicación, cabe recalcar que más que una publicación orientada a enseñarte temas de Vue, esta es una recomendación de mi parte para poder crear un pequeño entorno  de desarrollo que nos permita trabajar sin ningún inconveniente con este framework a futuro, sin mas palabreo comencemos.

Puntos a tratar:


  • Instalación de Nodejs
  • Complementos para Sublime Text
  • Complementos para Atom
  • Complementos para Visual Studio Code


1. Instalación de NodeJS

Node.js es un entorno de ejecución para JavaScript construido con el motor de JavaScript V8 de Chrome. Node.js usa un modelo de operaciones E/S sin bloqueo y orientado a eventos, que lo hace liviano y eficiente. El ecosistema de paquetes de Node.js, npm, es el ecosistema mas grande de librerías de código abierto en el mundo.
El objetivo de esta publicación no es profundizar en node sino en lo que usaremos para aprender Vue  y que tiene como nombre NPM. NPM es el administrador de paquetes para JavaScript y el registro de software más grande del mundo.
Este nos permitirá más adelante el uso de herramientas como VueCLI, VCG,Webpack, etc.

En Distribuciones Linux:
Nota: Los siguientes pasos los he probado en  Ubuntu y sus derivados así mismo  en Debian.
Abrimos la Terminal y ejecutamos:

curl -sL https://deb.nodesource.com/setup_8.x -o nodesource_setup.sh &&
sudo bash nodesource_setup.sh &&
sudo apt-get install nodejs &&
sudo apt-get install build-essential

En  Windows

Basta con ir al sitio oficial de Node y descargar la versión acorde a la arquitectura de tu S.O:


En mac:

Haremos uso de homebrew, el cual es un gestor de paquetes para Mac que nos simplifica la instalación de paquetes que no vienen incluídos en macOS cómo Git, Ruby, etc.
Abrimos la Terminal y ejecutamos:

brew update 
brew install node

2. Complementos recomendados para VUE

Como mencione en una publicación anterior ,Vue da soporte a typescript y ES6, a continuación les recomendare una serie de plugins y/o complementos que les serán de una gran utilidad al momento de estar codeando.

2.1 Complementos para Sublime Text


2.2 Complementos para Atom

Atom es un editor muy completo y no hay mucho que recomendar aquí mas que el complemento oficial de vue para este editor:



2.3 Complementos para Visual Studio Code 

Al igual que atom VSC es un editor muy completo, por lo que mi mejor recomendación es instalar el paquete oficial de Vue.

Espero les halla sido de utilidad, cabe recalcar que apartir de la próxima publicación ya nos meteremos de lleno a estudiar Vue. Conmigo sera hasta la próxima publicación
banner
Previous Post
Next Post

Hola, me llamo Andrés.Soy egresado de la carrera de Ingeniería Informática en la Universidad Nacional de Trujillo (Perú).Me considero autodidacta de corazón ,amante del mundo de la programación, software libre y hacking ético

0 comentarios: