Los amigos a menudo me preguntan por qué cuando desarrollamos un proyecto vue, necesitamos configurar el comando para iniciar el proyecto en el objeto script de package.json en lugar de usar directamente el comando "vue-cli-serviceserve" para iniciar el proyecto. correr.
Con estas preguntas, Xiaosheng resume las siguientes preguntas aquí, con la esperanza de ser útiles para los lectores y también para brindarles algo de inspiración.
1. Para el proyecto vue-cli, ¿por qué no puedo ejecutar el comando vue-cli-service directamente?
En segundo lugar, para el proyecto vue-cli, ¿por qué el comando de servicio vue-cli-service no se puede ejecutar directamente, sino que se debe ejecutar a través de npm run?
En tercer lugar, ¿por qué hay un problema de ruta cuando se ejecuta vue-cli-service service directamente, pero no hay ningún problema de ruta cuando se usa npm run?
4. ¿La razón por la cual el mensaje de servicio vue-cli-service al ingresar el comando vue-cli-service en el proyecto vue-cli no es un comando interno y cómo resolverlo?
1. Para el proyecto vue-cli, ¿por qué no puedo ejecutar el comando vue-cli-service directamente?
En un proyecto vue-cli recién creado, si ejecuta el comando vue-cli-service directamente, no se ejecutará correctamente porque vue-cli-service es una herramienta y necesita instrucciones específicas para ejecutarse. Por ejemplo, si desea iniciar el proyecto, debe ejecutar el comando vue-cli-serviceserve ; si desea empaquetar el proyecto, debe ejecutar el comando vue-cli-service build . Por lo tanto, debemos agregar instrucciones específicas después del comando vue-cli-service para que se ejecute normalmente.
En segundo lugar, para el proyecto vue-cli, ¿por qué el comando de servicio vue-cli-service no se puede ejecutar directamente, sino que se debe ejecutar a través de npm run?
En un nuevo proyecto vue-cli, podemos usar el comando vue-cli-service server para iniciar el proyecto, pero generalmente no ejecutamos este comando directamente, sino que configuramos un script npm en el archivo package.json para ejecutar vue. - servicio cli-service . Esto se debe a que si ejecutamos vue-cli-serviceserve directamente , pueden ocurrir algunos problemas, como por ejemplo:
En diferentes sistemas operativos, la ruta del comando puede ser diferente, lo que puede provocar que no se reconozca el comando.
En diferentes entornos de desarrollo, es posible que se requieran diferentes parámetros, como especificar números de puerto, etc.
Por lo general, necesitamos hacer algunos trabajos de preparación antes de comenzar el proyecto, como compilar el código, iniciar el servicio simulado, etc. Estas tareas se pueden lograr mediante el script npm . Por lo tanto, generalmente configuramos un script npm en el archivo package.json para iniciar el proyecto, por ejemplo:
{
"scripts":{
"serve":"vue-cli-service serve"
}
}Luego, ejecute npm run save en la línea de comando para iniciar el proyecto. La ventaja de esto es que puede administrar fácilmente las dependencias, la configuración y el entorno de ejecución del proyecto, y puede realizar pruebas de compatibilidad en diferentes entornos de desarrollo.
En tercer lugar, ¿por qué hay un problema de ruta cuando se ejecuta vue-cli-service service directamente, pero no hay ningún problema de ruta cuando se usa npm run?
La ejecución directa del comando vue-cli-serviceserve puede causar problemas de ruta porque la ruta en la línea de comando no es necesariamente la misma que la ruta donde se encuentra el comando vue-cli-service . Por ejemplo, si ejecutamosvue -cli-serviceserve en la línea de comando y la ruta en este momento no es el directorio raíz del proyecto vue-cli, se producirán problemas de ruta. En el directorio raíz del proyecto, podemos usar rutas relativas para hacer referencia al comando vue-cli-service para evitar problemas de ruta. El uso del comando npm run para iniciar el servicio vue-cli-service no causará problemas de ruta porque npm run ejecutará el comando en el directorio raíz del proyecto, de modo que pueda usar rutas relativas para hacer referencia al comando vue-cli-service para Evite el problema de la ruta. Al mismo tiempo, en el comando npm run , también podemos especificar la ruta de ejecución del comando a través del parámetro --prefix , evitando así problemas de ruta. Por lo tanto, es más seguro utilizar el comando npm run para iniciar vue-cli-serviceserve .
4. ¿La razón por la cual el mensaje de servicio vue-cli-service al ingresar el comando vue-cli-service en el proyecto vue-cli no es un comando interno y cómo resolverlo?
Si ingresa el comando vue-cli-serviceserve en el proyecto vue-cli y se le pregunta que no es un comando interno, puede haber las siguientes razones:
vue-cli-service no está instalado: si @vue/cli no está instalado globalmente o la dependencia @vue/cli-service está instalada en el proyecto , no se reconocerá el comando vue-cli-service . El problema se puede resolver instalándolo globalmente o instalando la dependencia @vue/cli-service en el proyecto .
Las variables de entorno no están configuradas: Si se ha instalado vue-cli-service , pero el mensaje al ingresar el comando no es un comando interno, puede deberse a que las variables de entorno no están configuradas. Puede iniciar el proyecto agregando el directorio node_modules/.bin a la variable de entorno o usando el comando de servicio npx vue-cli-service (nota: esto debe iniciarse en el directorio raíz del proyecto) .
El directorio del proyecto no está abierto en la ventana de la línea de comandos: si el directorio del proyecto vue-cli no está abierto en la ventana de la línea de comandos, cuando ingrese el comando de servicio vue-cli-service , se le indicará que no es un mando interno. Puede resolver el problema ingresando el directorio del proyecto en la ventana de la línea de comando y luego ingresando el comando vue-cli-serviceserve .