# 关于项目

## 通用组件库

此项目中的`通用组件`使用 字节跳动出品的企业级设计系统[arco.design](https://arco.design/vue/docs/start)。

UI层面的组件库，不要使用除此之外的组件库。

## 使用第三方库或者组件

每当有需要引入`第三方组件`或者`第三方库`时，应该和小组成员讨论、确认。

在相应的`第三方依赖`安装到项目后，应该在`package.json`文件中移除版本号中的`^`或者`~`字符，已确保版本不会变化。

引入`第三方依赖`后，第一时间在项目中进行测试使用，查看各个位置，是否存在`警告`、`报错`等问题，若发现相关情况，请`立即解决`，若无法解决，请考虑更换`其他第三方依赖`，或者移除该`第三方依赖`。

## 关于别名

不允许在`vite.config.mjs`中配置`resolve.alias`。

即，如下代码是`不被允许`的：

```vue
<template>
  <div>hello</div>
</template>

<script>
import Alert from '@components/Alert'
</script>
```

切记：任意需要引入的依赖，都要在组件中`明确`具体位置。`不允许使用别名引入`。

> 别名方式容易造成`风格不统一`的问题。  
> 随着项目开发进程的推进，`明确`具体位置，会使得开发者`越来越`了解整个`项目结构`


## 相关资源

### 技术相关资源

- [vuejs](https://cn.vuejs.org/)
- [vue-router](https://router.vuejs.org/zh/)
- [pinia](https://pinia.vuejs.org/zh/)
- [vue-i18n](https://www.npmjs.com/package/vue-i18n)
- [axios](https://github.com/axios/axios)
- [arco.design](https://arco.design/)