Vue3.0项目创建

项目创建

Vite 是一个 web 开发构建工具,由于其原生 ES 模块导入方法,它允许快速提供代码。

通过在终端中运行以下命令,可以使用 Vite 快速构建 Vue 项目。

npm install -g create-vite-app //安装vite

create-vite-app 项目名称 

cd 你的项目

npm install

npm run dev

目录分析

1.index.html

所有东西显示在id=“app“中,同时引入main.js入口文件

2.main.js

从vue中导入createApp方法

导入app组件

将App组件传给createApp方法,再挂在到id = “app”上

3.App.vue

引入HelloWorld组件,并写在template中,导出

4.HelloWorld.vue