金融行业科技部前端开发工程师网页前端开发手册（执行版）.docxVIP

金融行业科技部前端开发工程师网页前端开发手册（执行版）

第1章项目结构与代码规范

1.1项目根目录架构说明

根目录必须严格遵循src与dist的二元分离原则，其中src作为的绝对存放地，dist作为构建后的静态资源输出地，二者之间需通过构建工具（如Vite或Webpack）进行自动化处理，严禁将直接打包进dist目录。根目录下应包含package.json、tsconfig.json、vite.config.ts等核心配置文件，这些文件不仅定义了项目的运行时依赖和TypeScript编译选项，还规定了开发时自动预热的入口文件路径，确保开发环境能即时感知代码变化。

根目录需预留public文件夹存放静态资源（如favicon.ico、robots.txt），并在此配置index.作为应用的主入口，该文件需通过vite的代理机制将路由请求转发至后端API服务，实现前后端逻辑的解耦。根目录应包含tests和scripts两个子目录，前者存放单元测试用例（如Jest或Vitest测试文件），后者集中管理开发脚本，例如通过npmrundev启动开发服务器，通过npmrunbuild生产环境静态文件。根目录需配置.gitignore文件，明确列出应被忽略的文件类型，包括node_modules（依赖包）、.git（版本控制目录）、.vs