1.便捷器/IDE相关目录
.idea：
项目配置目录，存放IDE的设置、缓存、插件配置等，和项目代码逻辑无关，由编辑器自动生成。
2.脚本快捷执行目录
.bin：存放windows系统下的批处理脚本，用于快速执行项目命令
- build.bat：快速执行项目构建打包命令
- package.bat：快速执行依赖打包相关命令
- run-web.bat：快速启动前端项目
3.构建配置目录
.build：若依自定义的构建配置脚本目录，index.js是构建流程的配置文件
4.依赖库目录
.node_modules：npm安装的第三方依赖包目录，由npm install自动管理
5.静态资源目录
.public：静态资源目录，文件不会被webpack编译处理，会直接复制到打包后的dist根目录，可直接通过根路径访问
6.核心源码目录
.src：业务源码核心目录，所有页面、组件、样式、工具函数、路由、状态管理等业务代码都存放在这里
7.配置文件（根目录）
| 文件 | 作用 |
|---|---|
.editorconfig |
统一不同编辑器的代码格式（如缩进、换行符），保证团队代码风格一致 |
.env.development |
开发环境的环境变量配置（如开发环境接口地址） |
.env.production |
生产环境的环境变量配置（如正式环境接口地址） |
.env.staging |
预发布环境的环境变量配置（介于开发和生产之间的测试环境） |
.eslintignore |
指定哪些文件 / 目录不进行ESLint 代码检查 |
.eslintrc.js |
ESLint 的代码检查规则配置（定义语法规范、代码风格） |
.gitignore |
指定哪些文件 / 目录不提交到Git 仓库 （如node_modules、dist） |
babel.config.js |
Babel 的配置文件（将 ES6 + 代码转译为浏览器兼容的 ES5 代码） |
package.json |
项目核心配置：记录项目信息、依赖包、脚本命令（如npm run serve） |
package-lock.json |
锁定依赖包版本，保证不同环境安装的依赖版本完全一致 |
README.md |
项目说明文档（含项目介绍、启动步骤、目录结构等） |
vue.config.js |
Vue 项目的自定义配置（如接口代理、打包路径、插件配置） |
8. IDE 辅助目录
External Libraries：IDE 展示的外部依赖库集合，和node_modules对应，是 IDE 的展示目录，非项目文件。
Scratches and Consoles：IDE 的临时文件 / 控制台目录，存放临时代码片段，和项目无关。