TUTORIALES

Instalación de AngularJS

abril 10, 2024 ,


Para instalar AngularJS, sigue estos pasos:

  1. Instalación mediante CDN: Si deseas utilizar AngularJS a través de un CDN (Content Delivery Network), puedes incluir los archivos necesarios directamente en tu página HTML. Esto es útil para proyectos pequeños o para pruebas rápidas. Aquí tienes un ejemplo de cómo hacerlo:

    <!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Mi Aplicación AngularJS</title>
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.8.2/angular.min.js"></script>
</head>
<body>
  <!-- Contenido de tu aplicación AngularJS aquí -->
</body>
</html>

  2. Instalación mediante npm (Node Package Manager): Si prefieres instalar AngularJS a través de npm para gestionar las dependencias de tu proyecto de manera más estructurada, sigue estos pasos:

    • Abre una terminal o línea de comandos en tu sistema.

    • Navega hasta el directorio de tu proyecto.

    • Ejecuta el siguiente comando para instalar AngularJS como una dependencia de tu proyecto:

      npm install angular@17.x.x

      Reemplaza 17.x.x con la versión específica de AngularJS que deseas instalar (por ejemplo, 16.0.0). Específica la versión deseada para evitar instalar una versión más reciente que podría tener cambios incompatibles con tu código existente.

    • Después de la instalación, AngularJS estará disponible en el directorio node_modules de tu proyecto y podrás incluirlo en tu aplicación como una dependencia.

  3. Uso en tu aplicación: Una vez que AngularJS esté instalado, puedes comenzar a utilizarlo en tu aplicación HTML. Asegúrate de incluir el archivo de AngularJS en tu página HTML antes de usarlo en tu código JavaScript. Aquí tienes un ejemplo de cómo puedes hacerlo:

    <!DOCTYPE html>
<html lang="es" ng-app>
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Aplicación AngularJS</title>
  <script src="ruta/a/angular.min.js"></script>
</head>
<body>
  <!-- Contenido de tu aplicación AngularJS aquí -->
  <div ng-controller="MiControlador">
    {{ mensaje }}
  </div>
  <script>
    // Definición de un controlador
    angular.module('miApp', [])
      .controller('MiControlador', function($scope) {
        $scope.mensaje = 'Hola Mundo!';
      });
  </script>
</body>
</html>

    En este ejemplo, AngularJS se utiliza para mostrar un mensaje en un controlador. Asegúrate de cambiar "ruta/a/angular.min.js" a la ruta correcta donde se encuentra el archivo de AngularJS en tu proyecto.

Con estos pasos, deberías poder instalar AngularJS y comenzar a desarrollar aplicaciones utilizando este framework en tu proyecto.





0 Comments:

Publicar un comentario

Blogger Templates Created by ThemeXpose