Vue3 项目对项目目录和关键文件的解读

98 阅读1分钟

package.json

指明了项目可以执行的命令和一些核心依赖,命令在 scripts 中,如 npm run dev 就是这里的 dev 命令,依赖在 dependencies 中,可以看出这个项目依赖的 vue 版本为 3.3.2 image.png

vite.config.js

vue3 的底层引擎是 vite ,故配置文件如此命名,添加项目配置时,在 defineConfig 中新增即可 image.png

src/main.js

项目的入口文件,createApp 创建了一个应用对象,并把他挂载到 id = app 的 dom节点上,该节点在 index.html 中 image.png

image.png

app.vue

vue3 支持使用 setup 书写组合式 API image.png