Tabla de contenido
1. Instalación y configuración de Node.js
Paso 1: Descargue el paquete de instalación
Paso 4: configuración del entorno
Construcción del entorno del marco front-end de vue
Vue es un marco JavaScript progresivo para crear interfaces de usuario de forma dinámica
- Cree la interfaz de usuario: convierta los datos en una interfaz de usuario de alguna manera
- Progresivo: Vue se puede aplicar capa por capa de abajo hacia arriba. Las aplicaciones simples solo necesitan una biblioteca central liviana y compacta, y las aplicaciones complejas pueden introducir varios complementos de Vue.
Visión general de Vue:
Qué es Vue: Vue.js es un sistema correspondiente y una biblioteca de desarrollo front-end desarrollada por Chinese-American (You Yuxi).
En febrero de 2014, You Yuxi abrió la biblioteca de desarrollo front-end Vue.js.
El 3 de septiembre de 2016, You Yuxi se unió al equipo de Alibaba Weex como consultor técnico.
Se dedicó a tiempo completo al desarrollo de Vue.js, decidido a construir Vue en el mejor marco del mundo al mismo nivel que Angular/React. La biblioteca central de Vue solo se enfoca en la capa de visualización, que es muy fácil de integrar. con otras bibliotecas.
Vue es muy adecuado para desarrollar aplicaciones complejas de una sola página
Vue puede realizar un enlace bidireccional de datos y vistas
Características de Vue:
① Marco liviano, vue proporciona enlace de datos bidireccional MVVM , basándose en expresiones de plantilla y propiedades calculadas , usando vue simple y rápido puede dividir un Vue de desarrollo web para interactuar con datos y páginas a través de instrucciones
③ Varios módulos diseñados en , en un componente separado , y luego a través del enlace de datos , llame al componente de plantilla correspondiente y pase los parámetros al mismo tiempo para completar el desarrollo de todo el proyecto
④ A diferencia de las páginas web tradicionales que cambian de página a través de enlaces (páginas de actualización), Vue usa End-to- el enrutamiento final realiza un cambio suave de páginas La interfaz de Vue responde y tiene buenos efectos de visualización en varios dispositivos
Sitio web oficial de Vue:
://cn.vuejs.org/1. Instalación y configuración de Node.js
1. Descarga e instala node.js
Compruebe si el nodo está equipado en la computadora.
[Entrada de línea de comando node -v] [Si aparece la información de la versión, significa que se ha instalado]
No he instalado node.js aquí, y luego puedo hacerlo paso a paso.
Descarga la última versión desde el sitio web oficial : |Descargar
Paso 1: Descargue el paquete de instalación
Aquí elijo el sistema operativo Windows de 64 bits, como se muestra arriba.
Paso 2: Instala el programa
① Una vez completada la descarga, haga doble clic en el paquete de instalación para iniciar la instalación. Use la configuración predeterminada para instalar y simplemente nexthaga clic. La ruta de instalación predeterminada C:Program Filesse encuentra a continuación , y también puede personalizarla
Una vez completada la descarga, instálela (operación tonta, el siguiente paso, el siguiente paso)
②La ruta de instalación está en C:\Archivos de programa de forma predeterminada, y también se puede personalizar y modificar, y luego hacer clic en siguiente (configuré mi directorio de instalación aquí como D:\software\nodejs\ y lo cambio según mis propias necesidades).
③La siguiente figura se basa en mis propias necesidades. Elegí el tiempo de ejecución predeterminado de Node.js y luego Siguiente
Tiempo de ejecución de Node.js: Indica el entorno operativo
Administrador de paquetes npm: Indica
los accesos directos de documentación en línea del administrador de paquetes npm: Accesos directos de documentación en línea
Agregar a PATH: Agregar a variables de entorno
④ Como se muestra en el siguiente cuadro, no lo seleccioné, sino directamente al lado
⑤Haga clic en Instalar para instalar
⑥Haga clic en finalizar para completar la instalación
⑦ Una vez completada la instalación, el paquete de instalación en formato .msi ha agregado el programa de inicio del nodo a la ruta de la variable de entorno del sistema, y podemos verificar las variables del sistema para su verificación: Haga clic derecho en [Computadora personal] → [Propiedades] → [ Configuración avanzada del sistema]
⑧Haga clic en [Avanzado] → [Variables de entorno]
⑨Marque [ruta] en la variable del sistema, haga clic en [Editar]
⑩ Encontrará que el paquete de instalación en formato .msi ha agregado el programa de inicio del nodo a la ruta de la variable de entorno del sistema
Dado que npm está instalado de manera predeterminada en Node.js, puede usar el comando npm en el comando global sin configuración adicional. Pruebe si la instalación es exitosa en cmd: ingrese node -v y npm –v para ver la información de la versión
Paso 3: Ver
① Ahora que el programa del nodo se ha agregado a la variable del sistema global, podemos ejecutar el nodo directamente en cualquier lugar de la ventana de CMD, abrir la ventana de CMD y ejecutar el comando node -v para ver la versión del nodo
[Nota: en este momento, se abre la ventana CMD, no se ejecuta node.exe en el directorio C:Program Files odejs]
② La última versión del nodo también se instala con npm durante la instalación, ejecute para npm -vver la versión de npm
Descargar cnpm:
use cnpm (imagen espejo de Taobao): cuando use npm para descargar dependencias, dado que el contenido se descarga de un sitio web extranjero, a menudo puede ocurrir inestabilidad, por lo que debe descargar cnpm en lugar de npm.cnpm está hecho por Taobao nacional
. Estable en uso doméstico, instale cnpm
npm install -g cnpm --registry=https://registry.npm.taobao.org
o npm install -g cnpm --registry=https://registry.npmmirror.com
problema resuelto:
解决npm warn config global `--global`, `--local` están en desuso. use `--ubicación=global` en su lugar.
Después de instalar el entorno del nodo, npm -v muestra el siguiente problema
npm WARN config global --global, --local están en desuso. Utilícelo --location=global en su lugar.
8.11.0
1. Causa del problema
El problema surge que el comando de versiones anteriores de npm suele ser XXX -g pero con el cambio de versión, este antiguo método queda en desuso
2. Resuelve prueba uno
En la ruta de instalación del nodo,
necesitamos modificar dos archivos npm y npm.cmd
Modifique la línea 23 del archivo npm al estilo que se muestra a continuación, el comando es el siguiente, puede pegarlo directamente
prefijo --ubicación=global
Modifique la línea 12 del archivo npm.cmd al estilo que se muestra en la figura a continuación. El comando es el siguiente, puede pegarlo directamente y guardarlo después de la modificación.
prefijo --ubicación=global
Aquí encontré el problema de permisos insuficientes, que se puede resolver de la siguiente manera:
3. Resolver intento dos
Los permisos de archivo de la computadora no son suficientes,
necesitamos modificar los dos archivos npm y npm.cmd,
hacer clic con el botón derecho en las propiedades y abrir los permisos de forma segura.
La modificación ya está completa.
Si aún tiene problemas, puede hacer el siguiente intento (lo hice con la segunda solución, así que no probé la tercera solución)
Intento de solución tres:
al usar npm, se informa un error: npm WARN config global --global, --local están en desuso. Use --location=global en su lugar.
Simplemente actualice npm a la última versión
Método de actualización
1. Abra cmd como administrador en Windows y luego ejecute el comando
npm install -g npm-windows-upgrade
2. Cambie la política de secuencias de comandos
Descargue Windows Power Shell
y ejecútelo como administrador. Ejecute el comando
set-ExecutionPolicy RemoteSigned
Ingrese Y
para cambiar con éxito la política de secuencias de comandos 3. Ejecute el comando npm-windows-upgrade
en Windows Power Shell
¡problema resuelto!
El resultado final es el siguiente:
Paso 4: configuración del entorno
① Abra el directorio de instalación (C:\Program Files nodejs por defecto) aquí el mío es: D:\software\nodejs
② Cree dos nuevas carpetas [node_global] y [node_cache] en el directorio de instalación
③ Abra la ventana de comando cmd nuevamente e ingrese el prefijo del conjunto de configuración de npm "su ruta node_cache" (la instalación predeterminada de "su ruta" es D:\software\nodejs) ④ npm config set cache "su ruta node_cache" puede ser
directamente
Cuando copiando el directorio de carpetas vacío recién creado, se recomienda abrir CMD con privilegios de administrador, de lo contrario, puede indicar que los privilegios no son suficientes y se informará un error
⑤ Configure las variables de entorno, abra [Propiedades del sistema] - [Avanzado] - [Variables de entorno], 系统变量cree una nueva
nombre de la variable:NODE_PATH
variable:D:\software\nodejs\node_global\node_modules
(Se usa para decirle al sistema que los módulos o paquetes descargados están aquí)
Paso 5: prueba de Node.js
Una vez completada la configuración, instale un módulo para la prueba, instalaremos el módulo express utilizado con más frecuencia, abriremos la ventana cmd e ingresaremos el siguiente comando para instalar el módulo globalmente:
npm instalar express -g