En primer lugar, entonces empezar a construir desde el entorno más simple:
1. Instalar Node.js
De Node.js sitio web oficial para descargar e instalar el nodo, el proceso de instalación es muy simple, todo el camino "Siguiente" en él (tonto instalado-).
Después de la instalación, la herramienta de línea de comando de apertura (ganar + r, y a continuación, introduzca cmd), el nodo -v de entrada, como se muestra a continuación, si se produce el número de versión correspondiente, la instalación es correcta.
C: \ Users \ 19565 > Nodo - V v12. 13.1 C: \ Users \ 19565 > NPM - v 6.12 . 1
Debe ser nota, porque después de la página web oficial para descargar e instalar Node.js, que ya viene NPM ( herramienta de gestión de paquetes ), y el otro debe tenerse en cuenta que la mejor versión 3.xx NPM o más, a fin de no afectar el seguimiento.
2. Instalar webpack
Abrir una herramienta de línea de comandos, escriba: webpack NPM instalar -g, ( -g representa instalado el mundial )
Entrada webpack -v Una vez instalado, como se muestra a continuación, si aparece el icono correspondiente número de versión, la instalación se ha realizado correctamente.
C: \ Users \ 19565 > webpack - v 4.42 . 0
3. Construcción de andamios herramienta de instalación vue-cli
comando de apertura de entrada herramienta de línea: NPM instalar -g vue-cli, después de la entrada vue instalación -V ( nota que esto es de capital "V" ), como se muestra a continuación, si se produce el número de versión correspondiente, la instalación es correcta.
C: \ Users \ 19565 > vue - V 2.9 . 6
En segundo lugar, a través de los cuatro pasos anteriores, tenemos que preparar el ambiente y las herramientas están listas, entonces empezamos a utilizar para construir el proyecto vue-cli
1. Encontrar un archivo en una carpeta en su disco duro con el lanzamiento de proyectos designados en el directorio correspondiente: ruta de directorio cd
C: \ Users \ 19565 > E: E: \ > cd vuestu
2. Instalación de entrada vue andamios: vue init webpack Pack 1, prestar atención aquí, "Pack 1" es el nombre del proyecto se puede decir que casualmente llamado, pero la necesidad principal es "no un chino."
E: \ vuestu> vue init webpack Pack 1 --------------------- Este es el comando para instalar andamios vue ? Nombre del proyecto Pack 1 --------------------- Nombre del proyecto ? Proyecto A Vue.js Descripción del Proyecto --------------------- Descripción del artículo ? Autor liuxiaotao --------------------- creador del proyecto ? Vue independiente de construcción ? La Instalar VUE-router? Sí --------------------- si desea instalar ruta Vue, es decir, el futuro es un spa (página pero requiere el módulo de aplicación) ? ESLint al uso la pelusa su código? N --------------------- si las reglas de detección eslint habilitadas ? Configurar unidad de prueba no ? E2E configuración de prueba con sombra de la noche? No ? ¿Hay que ejecutar `install` NPM para que después de que el proyecto ha sido creado? (recomendado) NPM vue -cli · Generado " Pack 1 " . # Dependencias del proyecto Instalación ... El Para GET creados: --------------------- Aquí es cómo comenzar este servicio cd Pack 1 ------------------- cd al interior del proyecto NPM dev plazo ------------------------ Ejecutar proyecto
3. Inicio del proyecto
CD en el directorio creado por el proyecto, primero cd Pack 1 (este es el nombre de su propia construcción)
E: \ vuestu> cd Pack 1 ------------------- cd al interior del proyecto E: \ vuestu \ Pack 1 > NPM dev RUN ------------------------ Ejecutar proyecto
I Su aplicación está corriendo aquí: http: // localhost: 8080
Copiar la URL de una página web para abrir después el servicio se inicia con éxito el navegador será por defecto para abrir una "página de bienvenida" en la Ok amigos.
4. Si va a descargar de otra persona proyecto, cd en el proyecto, sino también a los demás para descargar e instalar las dependencias del proyecto: NPM instalar, package.json archivo ya existe a través del proceso de construcción automatizado genera carpeta (node_modules), crear nuestro propio salto proyecto durante este paso. (Integración: enrutamiento módulo vue-router, una red de solicitud de módulo vue de los recursos, el extremo delantero del bastidor ElementUI .....)
5. Detener el proyecto
Ctrl + c
6. Embalaje Proyecto
NPM acumulación de ejecución
Artículo de referencia: https://www.jianshu.com/p/1626b8643676/
Aprender juntos, las insuficiencias de las exposiciones. . . (Jerarquía proyecto de análisis Siguiente)