Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                
Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • 87 vistas

    ANGULAR

    Cargado por

    Mel Ups
    Angular es un framework para el desarrollo de aplicaciones web creado por Google en 2010. Está diseñado para dividir las aplicaciones en componentes reutilizables para proyectos medianos y grandes. La versión más reciente es Angular 8, lanzada en mayo de 2019. Antes de instalar Angular, se requiere instalar Visual Studio Code, Git, Node.js y el CLI de Angular.

    Copyright:

    © All Rights Reserved
    Descargue como DOCX, PDF, TXT o lea en línea desde Scribd

    ANGULAR

    Cargado por

    Mel Ups
    87 vistas16 páginas
    Angular es un framework para el desarrollo de aplicaciones web creado por Google en 2010. Está diseñado para dividir las aplicaciones en componentes reutilizables para proyectos medianos y grandes. La versión más reciente es Angular 8, lanzada en mayo de 2019. Antes de instalar Angular, se requiere instalar Visual Studio Code, Git, Node.js y el CLI de Angular.

    Título original

    ANGULAR.docx

    Derechos de autor

    © © All Rights Reserved

    Formatos disponibles

    DOCX, PDF, TXT o lea en línea desde Scribd

    ¿Le pareció útil este documento?

    ¿Este contenido es inapropiado?

    Angular es un framework para el desarrollo de aplicaciones web creado por Google en 2010. Está diseñado para dividir las aplicaciones en componentes reutilizables para proyectos medianos y grandes. La versión más reciente es Angular 8, lanzada en mayo de 2019. Antes de instalar Angular, se requiere instalar Visual Studio Code, Git, Node.js y el CLI de Angular.

    Copyright:

    © All Rights Reserved
    Descargue como DOCX, PDF, TXT o lea en línea desde Scribd
    Descargar como docx, pdf o txt
    87 vistas16 páginas

    ANGULAR

    Cargado por

    Mel Ups
    Angular es un framework para el desarrollo de aplicaciones web creado por Google en 2010. Está diseñado para dividir las aplicaciones en componentes reutilizables para proyectos medianos y grandes. La versión más reciente es Angular 8, lanzada en mayo de 2019. Antes de instalar Angular, se requiere instalar Visual Studio Code, Git, Node.js y el CLI de Angular.

    Copyright:

    © All Rights Reserved
    Descargue como DOCX, PDF, TXT o lea en línea desde Scribd
    Descargar como docx, pdf o txt
    de 16

    ANGULAR

    Angular es un framework para el desarrollo de aplicaciones web. Está pensado para


    dividir un proyecto en componentes y ser reutilizadas en proyectos medianos y
    grandes.
    Angular tiene su salida al mercado en 2016 pero tiene una versión previa no compatible
    y solo mantenida para proyectos antiguos llamada Angular.js (2010)
    El proyecto de Angular es propiedad de la empresa de Google.
    La versión de Angular que trabajamos en este tutorial es la 8 (salió el 29/5/2019)

    Pasos previos
    Antes de poder realizar la instalación de Angular 8, necesitamos instalar
    previamente:
    Un IDE para poder editar el código. En este caso vamos a utilizar Visual Studio
    Code, pero se puede utilizar cualquier otro.
    Git, para poder almacenar nuestro código.
    Node y npm, para poder instalar Angular.
    CLI Angular 8, que será lo último que instalaremos.

    Visual Studio Code


    La primera herramienta a instalar será VSCode.
    Para ver y editar los ficheros cualquier editor de código es bueno, pero es
    recomendable VSCode. Es un gran editor, gratuito y multiplataforma. Viene con un
    terminal integrado y puedes mejorarlo instalando extensiones desde una galería del
    propio editor.
    Recomendación instalar un paquete de extensiones ya configurado y preparado para el
    desarrollo de aplicaciones con Angular, se llama Angular Essentials. Con eso y
    el Material Icon Theme verás Angular en colores.

    Git
    Git es un sistema de control de versiones distribuido gratuito y de código abierto
    diseñado para manejar todo, desde proyectos pequeños hasta muy grandes, con
    rapidez y eficiencia.

    Node.js
    Se instalará Node.js, esto debido a que gran cantidad de programas para el desarrollo
    en Angular están implementadas en Node.
    Concebido como un entorno de ejecución de JavaScript orientado a eventos
    asíncronos, Node.js está diseñado para construir aplicaciones en red escalables.
    Instalación de Visual Studio Code
    1. La descarga de Visual Studio Code podemos realizar desde la
    web https://code.visualstudio.com/ y pulsando en el botón de descargar.

    2. Verificamos que nuestro navegador este procesando la descarga:

    3. Cuando termine la descarga os dirigimos a su carpeta donde descargo y lo


    ejecutamos en modo administrador.
    4. A continuación seguimos todo estos pasos que se mostraran en forma grafica:
    5. Esperamos que termine la instalación.

    6. Culminada la instalación esta es la interfaz de VSCode.


    OPCIONAL PARA CAMBIAR IDIOMA AL PROGRAMA VISUAL STUDIO CODE: es necesario
    contar con acceso a internet para descargar el paquete de idioma deseado.

    7. En VSCode presionamos las teclas

    Y escribimos : “configure display language” escogemos esta opción.

    8. Escoger la opción “install additional languages…” Esperamos que carge la lista


    de idiomas al lado izquierdo de la pantalla.

    9. Escogemos el idioma de nuestra preferencia, Click en “Install” y esperamos q


    descarge e instale esta extensión.
    10. Una vez instalada nos pedirá reiniciar el programa por lo q damos click en
    “yes”.

    11. Podemos apreciar que cambio el idioma programa.


    RECOMENDACIÓN: Paquete de extensión para utilizar angular es necesario contar con
    acceso a internet para descargar el paquete de deseado.

    Angular Essentials - Paquete de extensión para código VS

    Este paquete de extensión para Visual Studio Code agrega extensiones que son
    increíblemente útiles para el desarrollo angular.
    12. Cuando estemos en VSCode al lado izquierdo

    13. Escribimos Angular esencial para q comience a buscar este complemento:


    14. Click en “Install” y esperemos q descarge el paquete de extensión.

    15. Nos pedirá hacer unos cambios, lo cual aceptamos.

    16. Así es como se vería un proyecto nuevo de angular.


    Instalación de Git
    1. La descarga de Git podemos realizar desde la web https://git-
    scm.com/download/win
    y pulsando en el botón de descargar.

    2. Verificamos que nuestro navegador este procesando la descarga:

    3. Cuando termine la descarga os dirigimos a su carpeta donde descargo y lo


    ejecutamos en modo administrador.
    4. A continuación seguimos todo estos pasos que se mostraran en forma grafica:
    5. Esperamos que termine la instalación.
    6. Nos dirigimos a nuestra carpeta donde crearemos nuestros proyectos de angular
    con click derecho esogemos la opvion Git Bash Here.

    7. Esta es la interfaz de Git, solo entramos para verificar que funciona


    correctamente; escribimos “git” y enter para la comprobación.

    8. Podemos observar que funciona correctamente.


    9. Si deseamos saber la versión de git que tenemos instalada escribimos:
    git --version
    Requerimientos
     Visual Studio Code (última versión estable)
    https://code.visualstudio.com/
     NodeJs (última versión estable)
    https://nodejs.org/es/
     Git
    https://git-scm.com/download/win

    También podría gustarte