Header Ads Widget

Ticker

6/recent/ticker-posts

Node.JS y NPM con Angular 10 y Guía de TypeScript

 En esta guía tutorial, presentaremos a los desarrolladores de Angular y TypeScript a Node.js. Aprenderá qué es Node.js, por qué necesitaría Node.js como desarrollador frontal de Angular y cómo usarlo con el último Angular 10 por ejemplo.

También veremos qué versiones de Node.js y TypeScript, necesitamos tener que trabajar con Angular 10.

Angular Framework, Angular CLI y los componentes utilizados por las aplicaciones Angular son # Node.JS y NPM con Angular 10 y TypeScript Guide

En esta guía tutorial, presentaremos a los desarrolladores de Angular y TypeScript a Node.js. Aprenderá qué es Node.js, por qué necesitaría Node.js como desarrollador frontal de Angular y cómo usarlo con el último Angular 10 por ejemplo.

También veremos qué versiones de Node.js y TypeScript, necesitamos tener que trabajar con Angular 10.

Angular Framework, Angular CLI y los componentes utilizados por las aplicaciones de Angular se empaquetan como paquetes npm y se distribuyen a través del registro npm .

¿Qué es Node.js y por qué lo necesitaría?

Node.js es un tiempo de ejecución de JavaScript y una plataforma para ejecutar JS en servidores web que permite a los desarrolladores crear aplicaciones de backend con JS en lugar de los lenguajes tradicionales del lado del servidor como PHP o Java.

Lo que también es interesante acerca de Node es que le permite crear CLI o interfaces de línea de comandos que se ejecutan en la máquina de los desarrolladores. Estas no son aplicaciones web, sino aplicaciones de escritorio sin una interfaz gráfica de usuario que ayuda a los desarrolladores a ser más productivos con una tarea o marco.

Por ejemplo, Angular tiene la utilidad CLI oficial que permite a los desarrolladores inicializar y trabajar rápidamente con proyectos y sin esta herramienta, configurar un proyecto por primera vez, especialmente para principiantes, sería mucho más difícil.

Angular CLI en realidad se basa en Node.JS y se puede instalar con npm, el administrador de paquetes para Node. Este es su primer contacto con Node.JS como desarrollador angular de front-end. No es necesario que aprenda sobre las API de la plataforma, pero debe tenerlo instalado en su máquina de desarrollo para ejecutar la CLI.

Entonces, ¿necesitas aprender Node.js como desarrollador de Angular?

¡Eso depende! Si solo trabaja como desarrollador front-end, no es necesario aprender Node.js, ya que se trata principalmente de una tecnología del lado del servidor. Para trabajar con CLI de desarrollo como Angular CLI, solo necesita aprender cómo instalarlas en su máquina a través de npm o yarn que otro administrador de paquetes creó por Facebook que estaba destinado a resolver muchos de los problemas de npm.

Por el contrario, si desea convertirse en un desarrollador web de pila completa con habilidades angulares de front-end y habilidades de back-end. aprender Node.js es imprescindible y será mucho más fácil que aprender otras tecnologías del lado del servidor como php porque Node está basado en JavaScript o es en realidad JavaScript con API versátiles para acceder a los recursos del sistema como bases de datos o el sistema de archivos. etc. Dado que JS es el lenguaje franco del desarrollo web front-end, los desarrolladores de Angular son principalmente desarrolladores de JS. Angular se basa en TypeScript, que no es más que una capa sobre JS que trajo la escritura estática al lenguaje.

Como desarrollador de TypeScript, puede usar Node.js con TypeScript del mismo modo que puede usar TypeScript tp write aplicaciones web front-end con JavaScript.

¿Cómo descargar e instalar Node.JS?

Ahora, si solo necesita ejecutar Angular CLI para comenzar a crear su proyecto de front-end, simplemente diríjase al sitio web oficial y descargue los binarios correctos para su sistema.

También puede instalar Angular con nvm, o Node Version Manager, que permite administrar múltiples versiones de Node en su sistema sin conflictos y facilita la instalación de cualquier versión que necesite.

nvm es un administrador de versiones para Node.js, diseñado para ser instalado por usuario e invocado por shell. nvmfunciona en cualquier shell compatible con POSIX (sh, dash, ksh, zsh, bash), en particular en estas plataformas: unix, macOS y windows WSL.

Puede instalar nvm utilizando el script de instalación .

Dirígete a tu terminal y descarga y ejecuta el script manualmente, usando uno de los siguientes comandos cURL o Wget:

$ curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.35.3/install.sh | bash
$ wget -qO- https://raw.githubusercontent.com/nvm-sh/nvm/v0.35.3/install.sh | bash

El guión clona el repositorio NVM en la ~/.nvmcarpeta, y los intentos de añadir las líneas de código del siguiente fragmento de código en el archivo de perfil correcto ( ~/.bash_profile~/.zshrc~/.profile, o ~/.bashrc).

export NVM_DIR="$([ -z "${XDG_CONFIG_HOME-}" ] && printf %s "${HOME}/.nvm" || printf %s "${XDG_CONFIG_HOME}/nvm")"
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh" # This loads nvm

Angular requiere una versión LTS actual, activa o de mantenimiento de Node.jsConsulte la enginesclave para conocer los requisitos específicos de la versión en nuestro package.json . Para verificar su versión, ejecute node -ven una ventana de terminal / consola.

Administrador de paquetes NPM

Después de instalar la CLI con npm, también necesitará npm para instalar las bibliotecas que necesitan Angular, Angular CLI y las aplicaciones Angular. Estas bibliotecas están disponibles como paquetes npm .

Todas estas dependencias se descargan e instalan mediante el administrador de paquetes npm.

Puede verificar que tiene npm instalado, ejecutando el npm -vcomando en su terminal. como paquetes npm y distribuidos a través del registro npm .

¿Qué es Node.js y por qué lo necesitaría?

Node.js es un tiempo de ejecución de JavaScript y una plataforma para ejecutar JS en servidores web que permite a los desarrolladores crear aplicaciones de backend con JS en lugar de los lenguajes tradicionales del lado del servidor como PHP o Java.

Lo que también es interesante acerca de Node es que le permite crear CLI o interfaces de línea de comandos que se ejecutan en la máquina de los desarrolladores. Estas no son aplicaciones web, sino aplicaciones de escritorio sin una interfaz gráfica de usuario que ayuda a los desarrolladores a ser más productivos con una tarea o marco.

Por ejemplo, Angular tiene la utilidad CLI oficial que permite a los desarrolladores inicializar y trabajar rápidamente con proyectos y sin esta herramienta, configurar un proyecto por primera vez, especialmente para principiantes, sería mucho más difícil.

Angular CLI en realidad se basa en Node.JS y se puede instalar con npm, el administrador de paquetes para Node. Este es su primer contacto con Node.JS como desarrollador angular de front-end. No es necesario que aprenda sobre las API de la plataforma, pero debe tenerlo instalado en su máquina de desarrollo para ejecutar la CLI.

Entonces, ¿necesitas aprender Node.js como desarrollador de Angular?

¡Eso depende! Si solo trabaja como desarrollador front-end, no es necesario aprender Node.js, ya que se trata principalmente de una tecnología del lado del servidor. Para trabajar con CLI de desarrollo como Angular CLI, solo necesita aprender cómo instalarlas en su máquina a través de npm o yarn que otro administrador de paquetes creó por Facebook que estaba destinado a resolver muchos de los problemas de npm.

Por el contrario, si desea convertirse en un desarrollador web de pila completa con habilidades angulares de front-end y habilidades de back-end. aprender Node.js es imprescindible y será mucho más fácil que aprender otras tecnologías del lado del servidor como php porque Node está basado en JavaScript o es en realidad JavaScript con API versátiles para acceder a los recursos del sistema como bases de datos o el sistema de archivos. etc. Dado que JS es el lenguaje franco del desarrollo web front-end, los desarrolladores de Angular son principalmente desarrolladores de JS. Angular se basa en TypeScript, que no es más que una capa sobre JS que trajo la escritura estática al lenguaje.

Como desarrollador de TypeScript, puede usar Node.js con TypeScript del mismo modo que puede usar TypeScript para escribir aplicaciones web front-end con JavaScript.

¿Cómo descargar e instalar Node.JS?

Ahora, si solo necesita ejecutar Angular CLI para comenzar a crear su proyecto de front-end, simplemente diríjase al sitio web oficial y descargue los binarios correctos para su sistema.

También puede instalar Angular con nvm, o Node Version Manager, que permite administrar múltiples versiones de Node en su sistema sin conflictos y facilita la instalación de cualquier versión que necesite.

nvm es un administrador de versiones para Node.js, diseñado para ser instalado por usuario e invocado por shell. nvmfunciona en cualquier shell compatible con POSIX (sh, dash, ksh, zsh, bash), en particular en estas plataformas: unix, macOS y windows WSL.

Puede instalar nvm utilizando el script de instalación .

Dirígete a tu terminal y descarga y ejecuta el script manualmente, usando uno de los siguientes comandos cURL o Wget:

$ curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.35.3/install.sh | bash
$ wget -qO- https://raw.githubusercontent.com/nvm-sh/nvm/v0.35.3/install.sh | bash

El guión clona el repositorio NVM en la ~/.nvmcarpeta, y los intentos de añadir las líneas de código del siguiente fragmento de código en el archivo de perfil correcto ( ~/.bash_profile~/.zshrc~/.profile, o ~/.bashrc).

export NVM_DIR="$([ -z "${XDG_CONFIG_HOME-}" ] && printf %s "${HOME}/.nvm" || printf %s "${XDG_CONFIG_HOME}/nvm")"
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh" # This loads nvm

Angular requiere una versión LTS actual, activa o de mantenimiento de Node.jsConsulte la enginesclave para conocer los requisitos específicos de la versión en nuestro package.json . Para verificar su versión, ejecute node -ven una ventana de terminal / consola.

Administrador de paquetes NPM

Después de instalar la CLI con npm, también necesitará npm para instalar las bibliotecas que necesitan Angular, Angular CLI y las aplicaciones Angular. Estas bibliotecas están disponibles como paquetes npm .

Todas estas dependencias se descargan e instalan mediante el administrador de paquetes npm.

Puede verificar que tiene npm instalado, ejecutando el npm -vcomando en su terminal.

En el siguiente artículo, veremos cómo crear un proyecto de Angular 10 por ejemplo con Node.js

Publicar un comentario

0 Comentarios