Vue 项目结构介绍

日期: 2025-03-22 点击: 79

my-vue-app/
├── node_modules/        # 存放项目依赖的第三方包
├── public/              # 公共资源文件夹
│   ├── index.html       # 主页面模板
│   └── ...              # 其他静态资源
├── src/                 # 源代码目录
│   ├── assets/          # 静态资源（如图片、样式）
│   ├── components/      # Vue 组件
│   ├── views/           # 视图组件，通常是页面级别的组件
│   ├── App.vue          # 根组件
│   ├── main.js          # 项目入口文件，负责初始化 Vue 实例
│   ├── router/          # 路由配置文件夹，如果使用了 Vue Router
│   ├── store/           # 状态管理配置文件夹，如果使用了 Vuex
│   └── ...              # 其他可能的文件夹或文件，例如 plugins, utils 等
├── .browserslistrc      # 浏览器兼容性配置
├── .eslintrc.js         # ESLint 配置文件
├── .gitignore           # Git忽略规则配置
├── babel.config.js      # Babel 配置文件
├── package.json         # npm 包管理配置文件，包含项目依赖和脚本命令
├── README.md            # 项目说明文档
└── vue.config.js        # Vue CLI 配置文件（可选）

Pre ：thinkphp6手册阅读总结

Next ：vue样式开发总结