第三篇 Vue项目目录结构介绍
1、最外层目录结构
passagerFrontPage
├── .vscode //vscode配置，不用理会
├── node_modules //项目依赖，npm install命令执行后自动生成
├── public //公共资源存放
├── src //源码
├── tests //选装：测试模块
├── .gitignore //git工具忽略版本，不用理会
├── index.html //入口html页面
├── package-lock.json
├── package.json //项目信息描述文件，包依赖信息等
├── README.md //项目说明文档
├── vite.config.js //vue配置文件
2、SRC目录结构
vue-demo
├── src
│ └── assets //静态资源
│ └── components //公共组件
│ └── plugins //插件资源
│ └── router //路由配置
│ └── store //vuex文件
│ └── views //视图组件
│ └── App.vue //根组件
│ └── main.js //程序入口文件，加载各种公共组件
3、index.html、main.js、App.vue三者关系
index.html引用main.js，main.js引入App.vue组件