Inicio rápido de VUE3 (1) --- Crear proyecto

Instale el último andamio

Se entrega el documento, el proyecto vue3.x se puede construir usando la nueva versión de scaffolding

npm install -g @ vue / cli
La última versión es 4.5.9

Utilice una interfaz gráfica para administrar proyectos

Ingrese en la línea de comando para iniciar vue ui

Inserte la descripción de la imagen aquí

Crear proyecto

Creemos un proyecto y
elijamos más versiones

Inserte la descripción de la imagen aquíInserte la descripción de la imagen aquí

Después de la creación, lo abrimos desde el compilador.

La computadora del compañero de cuarto que uso aquí, para la conveniencia de usar hbuilder x

Ejecuta el proyecto

Ingrese el
proyecto npm run serve en la terminal y comience a ejecutar
Inserte la descripción de la imagen aquí

Comparación de versiones nuevas y antiguas de main.js

versión vue2.x

Inserte la descripción de la imagen aquí

versión vue3.x

Inserte la descripción de la imagen aquí

Cree el montaje de la aplicación en la nueva versión.
Admite el formato .use (tienda) .use (enrutador). El
efecto es el mismo cuando escribimos de esta manera.
Inserte la descripción de la imagen aquí

Si usa HTML

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="https://unpkg.com/vue@next"></script>
	</head>
	<body>
		<div id="app">
			<div>hello</div>
		</div>
		<script>
			const app = Vue.createApp({
     
     })
			app.mount("#app")
		</script>
	</body>
</html>







  Hola a todos, soy un code husky, un estudiante de ingeniería de redes en la Facultad de Software, porque soy un "perro" y puedo comer carne a miles de kilómetros. Quiero compartir lo que aprendí en la universidad y progresar con todos. Sin embargo, debido al nivel limitado, inevitablemente habrá algunos errores en el blog. Si hay alguna omisión, ¡házmelo saber! Por el momento, solo actualice en la plataforma csdn, la página de inicio del blog: https://blog.csdn.net/qq_42027681 .

未经本人允许,禁止转载

Inserte la descripción de la imagen aquí


Se lanzará más tarde

Front-end: vue entrada vue subprograma de desarrollo, etc.
Back-end: entrada java entrada springboot, etc.
Servidor: servidor de entrada MySQL instrucciones simples servidor en la nube para ejecutar el proyecto
python: recomendado no calentar, asegúrese de ver
el uso de algunos complementos, etc.

El camino de la universidad también está en uno mismo, estudiar mucho, juventud
con pasión. Si te interesa la programación, puedes unirte a nuestro grupo qq para comunicarnos juntos: 974178910
Inserte la descripción de la imagen aquí

Si tiene alguna pregunta, puede dejar un mensaje a continuación, le responderé si lo ve

Supongo que te gusta

Origin blog.csdn.net/qq_42027681/article/details/110428481
Recomendado
Clasificación