Tutorial detallado de instalación de npm

tutorial de instalación de npm

Capítulo 1 Introducción a Vue Learning: cómo utilizar Node.js

---

prefacio

Con el desarrollo continuo de los tiempos, la tecnología del aprendizaje front-end se está volviendo cada vez más importante. Muchas personas han comenzado a aprender el aprendizaje front-end. Este artículo presenta el contenido básico de la instalación de front-end learning-npm.

---

1. ¿Qué es la nueva administración de energía?

npm es el administrador de paquetes en NodeJS y la plantilla de andamiaje vue-cli se instala según npm en node.

Introducción relacionada ~
paquete web: su objetivo principal es preparar todos los recursos estáticos que deben publicarse en el lado del navegador a través de la sintaxis CommonJS, como la combinación y el empaquetado de recursos.
vue-cli: un andamio proporcionado oficialmente para generar rápidamente una plantilla de proyecto Vue.

2. Instalar y configurar variables de entorno.

1. Descargue e instale NodeJS

La instalación de NodeJS en Windows es relativamente conveniente (después de la versión v0.6.0, se admite Windows nativo). Solo necesita visitar directamente el sitio web oficial ( https://nodejs.cn/download/ ). Aquí podemos elegir el paquete de instalación de Windows. (.msi): 64 bits para instalar.

O inicie sesión directamente en el sitio web oficial http://nodejs.org/

• El proceso de instalación básicamente es " SIGUIENTE " hasta finalizar.
  
  
  
  En Windows, la variable del sistema de ruta se agregará directamente durante la instalación del archivo msi. El valor de la variable es su ruta de instalación, como "D:\RunSoftware\nodejs".

• Confirme que la instalación de nodejs se realizó correctamente:
  tecla de acceso directo win+R -> ingrese la línea de comando cmd, ingrese a la ventana dos: ingrese node -vy verifique si el número de versión se puede imprimir correctamente.
  
  Node viene con npm, ingréselo npm -vy verifique si el número de versión se puede imprimir correctamente.
  

Configuración 2.npm

Npm se administra como un módulo NodeJS. Primero podemos configurar la ruta de almacenamiento de los módulos globales de npm y la ruta del caché .
(1) Cree dos directorios node_cache y node_global .
Si desea colocar estas dos carpetas en el directorio principal de NodeJS, cree dos carpetas "node_global" y "node_cache" en NodeJs. De la siguiente manera:

(2) Configurar

npm config set prefix "D:\RunSoftware\nodejs\node_global"
npm config set cache "D:\RunSoftware\nodejs\node_cache"

Si no se establece este paso, el paquete de instalación global de npm no estará en la carpeta de instalación del nodo.
Si hay un error en este paso, como por ejemplo: operación no permitida, mkdir 'D:\RunSoftware\nodejs', abra la línea de comando cmd como administrador.
Aquí podemos ver:

(3) Configurar variables de entorno
. Ingrese al cuadro de diálogo de variables de entorno, cree un nuevo " NODE_PATH " en variables del sistema e ingrese "D:\RunSoftware\nodejs\node_global\node_modules".

Dado que se cambió la dirección predeterminada del módulo, las variables de usuario anteriores deben cambiarse en consecuencia (la variable de usuario "PATH" se cambia a "D:\RunSoftware\nodejs\node_global\"); de lo contrario, cuando se usa el módulo, la entrada El comando provocará el error "xxx no se reconoce como un comando interno o externo, programa ejecutable o archivo por lotes".

(4) Instale el acelerador de imágenes Taobao de Node.js (cnpm). En este caso, la descarga será mucho más rápida~

• Configurar el sitio espejo:npm config set registry=https://registry.npm.taobao.org
  
  

• Compruebe si el sitio espejo está disponible:npm config get registry
  

• A continuación, ingrese el comando: npm install -g cnpm --registry=https://registry.npm.taobao.org
  
  O ingrese el siguiente comando:

# -g 就是全局安装
npm install cnpm -g
# 或使用如下语句解决 npm 速度慢的问题
npm install --registry=https://registry.npm.taobao.org

• Agregue el contenido de la ruta de la variable del sistema :
  　　porque cnpm se instalará en D:\RunSoftware\nodejs\node_global y la ruta de la variable del sistema no contiene esta ruta. Entonces, después de agregar la ruta bajo la ruta de la variable del sistema, podemos usar cnpm normalmente.
  　　
• Luego, ingrese el comando: cnpm -vy vea los resultados.
  
  El proceso de instalación puede ser un poco lento, ¡así que ten paciencia! Aunque cnpm esté instalado, ¡úselo lo menos posible !
  La ubicación de instalación es la siguiente: ¡
  
  En este punto, nuestra instalación de npm ha finalizado con éxito! Lo anterior es de lo que hablaré hoy. Este artículo solo presenta brevemente la instalación de npm. ¡Hay más conocimientos esperando que exploremos!
  Ahora podemos comenzar el viaje de aprendizaje de vue-cli ~ Amigos, pueden leer mi otro artículo, tutorial detallado de vue-cli , espero que sea útil para todos ustedes ~