项目创建
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