Cómo crear una demostración personal
1: Preparación del entorno
Instalar node.js
Sitio web oficial del nodo: https://nodejs.org/zh-cn/
Una vez completada la instalación, verifique la versión
Abra la ventana de comando cmd , use el nodo -v para verificar el número de versión,
si aparece el número de versión, la instalación se realizó correctamente
node -v
npm -v
安装淘宝镜像:
npm install -g cnpm --registry=https://registry.npm.taobao.org
¿Por qué usar cnpm?
Los dos son administradores de paquetes diferentes en node. npm es el administrador de paquetes oficial de node, y cnpm es la versión china de npm. Es la herramienta de línea de comando cnpm (soporte de compresión gzip) personalizada por Taobao para reemplazar la npm predeterminado
Comprenda que cnpm es más rápido
2: Crear una carpeta como contenedor de proyectos
1: Cree una carpeta
2: Ingrese la carpeta y haga clic derecho para abrir la línea de comando
3: Ingrese el comando en la terminal para comenzar a crear su propio proyecto vue
vue create + nombre de proyecto personalizado
vue create demo
4: Seleccione la información de configuración, use las teclas de flecha hacia arriba y hacia abajo para seleccionar Aceptar y presione Entrar para continuar con el siguiente paso
5: Espere la instalación
6: La instalación es exitosa
3: Abra el archivo con un editor después de que la instalación sea exitosa
Tenga en cuenta el mensaje npm run servepara ejecutar el comando para el proyecto ¿
Cómo saber npm run serveo npm run dev ?
Abra el editor, busque la ubicación del archivo del proyecto y abra Ver
en package.jsonarchivos
4: Ejecutar el proyecto
1: Vaya al directorio de la carpeta creada y úselo para npm run serveejecutarlo
2: Ábralo con un navegador
Use ctrl+ clic con el botón izquierdo del mouse http://localhost:8080/para abrirlo
3: Visualización de efectos:
- Descripción de cada archivo y carpeta del proyecto de inicialización
