Usar vue-cli+Método de construcción del entorno de desarrollo de Vue con Webpack

Aquí primero necesitamos descargar node, porque usaremos paquetes npm para descargar, que se basan en node

No vamos a perder tiempo, entramos directamente en el tema

Descarga node, al mismo tiempo, también necesitas descargar git, luego escribiremos comandos en git para configurar nuestro entorno de vue

Git utiliza comandos de linux

No preguntes por qué, si funciona está bien, ¿no es así?

En el sistema Windows, después de descargar git, haciendo clic derecho en el escritorio con el ratón veremos git Bash, haz clic en él y luego se abrirá git

Git tiene muchas funciones, al mismo tiempo, git puede enviar tus archivos a github, github es una herramienta de gestión de repositorios muy buena

Bien, comenzamos directamente, después de abrir git se mostrará

Luego ejecutamos npm install webpack

se descargará automáticamente la última versión de webpack

Aquí entramos directamente en el tema, cómo usar vue-configurar el entorno de desarrollo de vue con cli

Aquí necesitamos instalar globalmente vue-cli

Ejecutar npm install en git-cli -g Instalar entorno de comandos de vue

Ejecutar vue --Versión para verificar si se ha instalado con éxito

Muestra la versión de vue, lo que significa que se ha instalado con éxito

Esto es una instalación global

Ahora escribimos vue init webpack en la línea de comandos-simple<nombre del plantilla, es el nombre de tu proyecto>，

Aquí usamos webpack-simple (nombre del plantilla, es el nombre de tu proyecto), no tiene normas estrictas, es mejor para la mayoría de los programadores, la diferencia con webpack aquí no lo mencionaré en detalle, si necesitan más información, pueden dejar un mensaje aquí y compartiremos con todos

Aquí el nombre de mi proyecto es myvue

Por lo tanto, ejecuto vue init webpack-simple myvue

En el escritorio habrá una carpeta myvue

Ejecutamos cd myvue para entrar en nuestro proyecto

Descubrirás que hay estos archivos en la carpeta, que es vue-cli ha configurado el entorno para nosotros

Ejecutamos npm install

En este momento necesitamos esperar un momento, npm está descargando algunos archivos basados en node por nuestra cuenta

Luego descubrirás que hay un archivo adicional llamado node_modules, que contiene algunos módulos de node

Luego ejecutamos npm run dev en la línea de comandos

vue abre automáticamente el navegador y ejecuta este proyecto vue

De esta manera, usamos vue-La configuración del entorno de desarrollo de vue con cli se considera un éxito, si tienen alguna pregunta, déjenme un mensaje, el editor responderá a tiempo. También agradezco mucho el apoyo de todos a los tutoriales de clamor!

Declaración: El contenido de este artículo se obtiene de la red, pertenece al propietario original, el contenido se contribuye y carga espontáneamente por los usuarios de Internet, este sitio no posee los derechos de propiedad, no se ha procesado editorialmente por humanos y no asume ninguna responsabilidad legal relacionada. Si encuentra contenido sospechoso de copyright, por favor envíe un correo electrónico a: notice#oldtoolbag.com (al enviar un correo electrónico, por favor reemplace # con @) para denunciar y proporcionar evidencia relevante. Una vez confirmado, este sitio eliminará inmediatamente el contenido sospechoso de infracción.