Configuracion Inicial

La guía de configuración inicial la realizare tanto para Windows como para Linux (Ubuntu), con esto instalaremos los componentes iniciales para crear nuestro aplicativo web basado en Angular 5.

Windows 

• Descargar e instalar


• NodeJS
• Se debe seleccionar la version actual en la pagina de node js y descargar el paquete adecuado a la arquitectura de nuestra maquina, en mi caso, descargue para 64Bits
  


• Angular CLI
• En la línea de comandos o CMD ejecutar npm install -g @angular/cli
• Sublime Text 3 (opcional)
• Descargar e instalar Sublime Text 3 desde la pagina oficial de Sublime
• VS Code (Visual Studio Code)
• Esta es alternativa a Sublime Text, me parece una excelente opción si se instalan las extensiones adecuadas; para su instalación, desde la pagina de VS Code descargamos la versión para Windows

Linux - Ubuntu

• NodeJS
• Ejecutar en el terminal los siguientes comandos con permisos de administrador
• sudo apt-get install curl
• curl -sL https://deb.nodesource.com/setup_6.x | sudo -E bash -
• sudo apt-get install nodejs
• sudo apt-get install -y build-essential
• Angular CLI
• Ejecutar en el terminal sudo npm install -g @angular/cli
Sublime Text 3 (opcional)
• ejecutar en el terminal los siguientes comandos con permisos de administrador
• sudo add-apt-repository ppa:webupd8team/sublime-text-3
• sudo apt-get update
• sudo apt-get install sublime-text-installer
• VS Code (Visual Studio)
• Como se menciona en la sección de Windows, esta es una excelente alternativa a Sublime Text; para instalar en Linux, para este tutorial, por ser Ubuntu (usa paquetes .deb) debemos descargar desde la pagina el instalador .deb, si tienes una distribución basada en paquetes RPM, como Fedora u OpenSuse, debes descargar la versión RPM.
  
  

Recomendaciones para Sublime Text 3

Una vez instalado se deben habilitar el Package Control

• Abrir Sublime Text 3
• En la pestaña Tools, seleccionar Install Package Control
  Cuando termine de instalar el Package Control, recomiendo añadir los paquetes, para esto, en Sublime digitar CTRL+SHIFT+P y buscar Install Package, a continuación se desplegara un cuadro de dialogo en el cual esta el repositorio de paquetes disponibles para instala.

PACKAGE RECOMENDADOS SUBLIME

• Typescript
• Typescript Sintax
• TypescriptCompletion
• Angular CLI
• AngularJS
• AngularJS Snippets
• Angular2 HTML Syntax
• Jquery
• JqueryDocs
• Jquery Snippets Pack

Recomendaciones para VS Code
Una vez instalado, se recomienda realizar la instalación de extensiones desde el buscador de extensiones integrado, esto con el fin de facilitar el desarrollo de código.

EXTENSIONES RECOMENDADAS VS CODE

• Bracket Pair Color
• vscode icons
• TSLint
• Path Intellisense
• angular2 switcher
• Angular v5 typescript snippets
• Angular 5 Snippets de Mikael Morlund