He estado aprendiendo vuejs, element-ui, iview-ui y otros conocimientos de front-end recientemente, y descubrí que hay varios métodos diferentes al crear un proyecto vuejs:
Primero, use el andamio vue-cli para crear un nuevo proyecto vuejs
El uso de andamios vue-cli puede construir rápidamente una estructura de proyecto de marco vue front-end
Requisitos previos: el nodo instalado normalmente puede usar el comando npm, y la herramienta vue-cli se instala globalmente.
Nodejs puede ir al sitio web oficial de nodejs para descargar la última versión, elegir la versión adecuada de acuerdo con su sistema operativo y luego instalar y configurar las variables de entorno.
Instale andamios vue-cli a nivel mundial
npm install vue-cli -g
Comienza a crear proyecto
- Use vue para inicializar un nuevo proyecto basado en webpack
vue init webpack my-project
Durante el proceso de creación del proyecto, le preguntará si desea instalar eslint, puede elegir no instalarlo, de lo contrario habrá varios problemas de formato de código durante el proceso de compilación del proyecto.
- Después de crear el proyecto, instale el módulo básico
cd myproject
npm install
El tiempo de instalación del módulo puede ser muy largo, dependiendo de la velocidad de la red;
- Una vez completada la instalación, puede ejecutar el proyecto en modo de desarrollo y obtener una vista previa del efecto del proyecto.
npm run dev;
- Si el proyecto puede comenzar normalmente, puede continuar instalando las herramientas auxiliares de vue
npm install vue-router --save （路由管理模块）
npm install vuex --save （状态管理模块）
npm install vue-resource --save （网路请求模块）
Los siguientes dos métodos se basan en Vue Cli3,
Vue CLI3 requiere Node.js 8.9 o superior
Segundo, use el comando vue create para crear un proyecto vue
vue create hello-world
cd hello-world
npm run serve // 运行 http://localhost:8000
Tercero, use el comando ui de vue cli3 para crear un proyecto vuejs basado en una interfaz gráfica de usuario
Ingrese el comando vue ui en la ventana de la línea de comandos para crear el proyecto vuejs
vue ui // Ejecute automáticamente la página gráfica http: // localhost: 8000 Para
obtener más información, consulte el artículo Creación de un proyecto vue mediante una interfaz gráfica . Es conveniente crear e instalar dependencias y complementos.
Referencias
