2025年汽车行业研发部前端工程师前端页面开发手册.docxVIP

2025年汽车行业研发部前端工程师前端页面开发手册

第1章

项目结构与工程规范

1.1项目根目录与模块划分

1.1.1项目根目录核心结构概览与初始化脚本

项目根目录应严格遵循React或Vue官方推荐的目录结构，以`src`为核心，其下包含`components`,`views`,`store`,`router`,`assets`等标准子目录，确保代码组织清晰且符合团队协作习惯。根目录下需配置`package.json`中的`scripts`字段，例如`npmrundev`启动开发服务器，`npmrunbuild`执行生产构建，`npmrunlint`进行代码检查，使开发流程自动化。

根目录需挂载`vite.config.js`或`vite.config.ts`文件，通过`base`选项定义开发时使用的入口路径（如`./src`），并配置`server`选项指向本地开发服务器地址。根目录下应包含`.gitignore`文件，明确忽略`.env`、`node_modules`、`dist`等敏感或构建产物目录，保障版本控制安全。根目录需集成ESLint和Prettier配置，在`package.json`中声明这两个工具，并在`vite.config.js`中配置`res