Cómo Instalar la Plantilla Diamond en Angular con PrimeNG [Guía Paso a Paso] Leave a comment

¿Buscas una plantilla Angular moderna, limpia y poderosa para tu próximo proyecto empresarial? En esta guía te enseñamos cómo instalar Diamond, una de las plantillas premium más populares de PrimeNG, ideal para paneles administrativos, sistemas de gestión, dashboards y apps corporativas.

Antes de comenzar, asegúrate de tener instalado lo siguiente:

  • Node.js (versión 16 o superior)
  • Angular CLI (versión 15+)
  • Cuenta en PrimeFaces / PrimeStore (para descargar la plantilla)
  • Un editor de código como Visual Studio Code
angular-download-primeng-

Accede a tu cuenta de primengy descargarte la ultima versión, ubicala en tu carpeta de desarrollo y descomprime.

files_angular_primeng_diamond

Abre una terminal y ejecutamos npm install

npm_install_angular_primeng_diamond

A proposito hice para que me diera el siguiente error

“An unhandled exception occurred: Cannot find module @rollup/rollup-win32-x64-msvc. npm has a bug related to optional dependencies (https://github.com/npm/cli/issues/4828). Please try npm i again after removing both package-lock.json and node_modules directory.”

ng_s_error_install_angular_primeng_diamond

Para solucionar esta problema eliminamos la carpeta node_modules y eliminamos el archivo “package-lock.json”

files_2_angular_primeng_diamond

Nuevamente ejecutamos “npm install” y luego “ng s -o” para iniciar el servicio

console_init_angular_primeng_diamond
web_angular_primeng_diamond

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *