1. Antes que nada, quiero usar el andamiaje provisto por vue para escribir proyectos front-end. Será mejor que primero instale node.js en esta máquina.
Baidu, vaya al sitio web oficial para descargar
Una vez completada la descarga, sigue haciendo clic en Siguiente. Una vez completada la instalación, ejecute node -v y npm -v. Si el número de versión se muestra correctamente, la instalación se realiza correctamente.
Por primera vez aprendiendo vue, primero puede crear un pequeño proyecto para el aprendizaje de código
Pasos: npm inti-> npm install vue --save // --save significa que vue se descarga al proyecto actual
En este punto, se ha descargado el pequeño proyecto vue
2. Descargue la herramienta webpack (empaquetador de módulos estáticos, soporte del módulo modular es6)
La función de webpack es simplemente empaquetar todos los módulos en el front-end, generar un archivo JS y luego introducir este archivo JS. Gestión de proyectos
npm i [email protected] -g // -g significa --global download global
Si se muestra el número de versión, la instalación fue exitosa
3. andamios vue-cli (el autor lo ayuda a configurar la mayor parte del entorno de desarrollo, puede desarrollarlo directamente sin crear un entorno)
Descargar vue_cli: https://cli.vuejs.org/zh/
Después de descargar, también, use vue -V para verificar si la instalación fue exitosa
Si desea utilizar la versión anterior (versión 2), debe descargarla nuevamente
3.1 Crear un proyecto vue-cli
vue init <plantilla> <nombre del proyecto>
Plantilla: 3.1.1 webpack-simple simplemente configure la plantilla webpack.
3.1.2 Versión oficial de Webpack
Después de una larga espera, siempre y cuando se complete la inicialización del proyecto, se mostrará el éxito.
3.2 Proyecto de inicio Ejecutar Para comenzar: las siguientes dos líneas de comandos.
Abra http: // localhost: 8080 en el navegador
