Instalación de
vue instalación global de vue-cli / webpack
Paquete web global:
npm install webpack -g
vue andamio vue-cli:
npm install vue-cli -g
Instale la versión del paquete web del proyecto vue
Abra la ventana de comandos en el directorio especificado (la ventana de comandos que viene con el editor también está disponible)
vue init webpack myvuedemo
Nombre del proyecto (Ingrese el valor predeterminado)
Descripción del proyecto (un proyecto de Vue.js) Ingrese por defecto (también puede ingresar su propia descripción)
Autor Ingrese el predeterminado (nombre propio)
Vue build selecciona Runtime + Compiler de forma predeterminada
¿Instalar vue-router?
¿Usa ESLint para filtrar su código? Y (recomendado para usar, mantener buenos estándares de codificación)
elija un ajuste preestablecido de eslint. Estándar predeterminado
configurar pruebas unitarias? n (prueba unitaria, no requerida)
configurar pruebas e2e con Nightwatch? n (prueba e2e, no requerida)
¿Deberíamos ejecutar npm install después de que se haya creado el proyecto? (recomendado
) npm （选用 npm）
Instalado
Estructura de directorios
Vue run
Ejecuta el comando
cd myvuedemo
npm run dev
Ejecutar con éxito
Contenido de página
Comando de empaquetado de empaquetado
vue build npm run build
Estructura de directorio empaquetada
Para ejecutar el proyecto empaquetado,
debe abrir el servicio para ejecutarlo.
Use el servidor http para ejecutar (si el servidor http no está instalado, use el nodo para instalar el servidor http globalmente, npm instale el servidor http -g)
cd dist
http -servidor
# Instalar Vue Cli
npm install -g @ vue / cli
# Crea un proyecto
vue crear hola mundo
# Una vez completada la creación, puede abrir la interfaz gráfica mediante comandos, como se muestra en la siguiente figura
vista de interfaz de usuario