subsea-side-website/README.md

# zwsd@192.168.1.3:maochaoying/subsea-side-website.git

# 做专业的水下设备制造商

静态网站，没有后台交互

# 技术选型

- 本项目采用的 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
```