第三篇 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组件