# 做铁路相关的设备研发和制造 静态网站,没有后台交互 # 技术选型 - 本项目采用的 vue3 + vite + js 脚手架搭建 - 包管理工具为 Yarn # 代码规范 > 随着团队的不断扩大,每个人都有自己的 coding 风格,但是如果一个项目中的代码存在多种风格,那对于代码的可维护性和可读性都大大减少,所以说一个项目规范对于前端团队来说很重要。 ## Prettier 1、vscode插件 --- Prettier - Code formatter 2、.prettierrc文件 # 全局状态管理 > 使用 pinia # 项目结构 ```javascript ├─node_modules // 依赖包 ├─public └─src ├─api // 请求方法 ├─assets // 静态资源 │ └─scss // scss文件 | └─globalMixin.scss // 全局mixin | └─globalVar.scss // 全局样式变量 ├─components // 组件 ├─router // 路由 ├─service // 封装的工具类 ├─store // 全局状态管理 │ └─modules // 分modules ├─views // 视图 ├─App.vue // 项目根组件 ├─main.js // 项目入口 └─style.scss // 全局样式 ``` # 启动方式 ```bash yarn yarn dev ```