# app-push

**Repository Path**: stevenss/app-push

## Basic Information

- **Project Name**: app-push
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-06-09
- **Last Updated**: 2026-06-17

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

### 项目启动

1. 安装依赖 

```
pnpm install

npm run dev 开发环境
npm run dev:test 测试环境
npm run dev:pro 生产环境
npm run build 打包
```

2. 项目开发

- 添加路由
  在`src/views/xxx/route.ts`中添加路由, 如果是新菜单或者新功能，创建即可。

3. 代码提交：

- 代码提交提倡以功能为维度进行提交
- 提交信息规定如下：

```
  ○feature：新功能，新特性的介绍
  ○pref：优化相关，优化代码以及性能提升等
  ○fix: 修复线上bug
  ○style: 代码格式化
```

4. vscode 配置

```
{
  "[json]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[typescript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "editor.tabSize": 2,
  "[vue]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "editor.formatOnSave": true,
  "editor.codeActionsOnSave": {},
  "github.copilot.editor.enableAutoCompletions": true,
  "github.copilot.enable": {
    "*": true,
    "plaintext": false,
    "markdown": true,
    "scminput": false
  },
  "prettier.endOfLine": "auto",
  "workbench.startupEditor": "none",
  "[jsonc]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "search.followSymlinks": false,
  "git.autorefresh": true,
  "eslint.enable": true,
  "eslint.format.enable": true,
  "eslint.nodeEnv": "",
  "eslint.validate": [
    "javascript",
    "javascriptreact",
    "typescript",
    "typescriptreact",
    "vue"
  ]
}

```

5. vscode 插件

- Eslint 开启
- Prettier 开启

6. unocss 可使用的类

```
1. border相关, 最后的数字越大颜色越浅
b-t-1: border-top: 1px solid xxx;
b-r-1: border-right: 1px solid xxx;

2. padding | margin 相关
p-1: padding: 1px;
m-1: margin: 1px;
ml-1: margin-left: 1px;

3. 文字大小
text-xs: font-size: 10px;
text-sm: font-size: 12px;
text-base: font-size: 14px;
text-lg: font-size: 16px;
text-xl: font-size: 18px;
text-2xl: font-size: 20px;
text-3xl: font-size: 22px;
text-4xl: font-size: 24px;
text-5xl: font-size: 26px;

3. 文字颜色
text-rgb-x: 表示文字样色 rgba(0, 0, 0, 0.x);
text-primary 表示文字加主色
root色彩：
  --text-color-9: rgba(0,0,0,0.9);
  --text-color-7: rgba(0,0,0,0.7);
  --text-color-4: rgba(0,0,0,0.4);

4. 布局相关
w-full: width: 100%;
h-full: height: 100%;
flex: display: flex;

具体可查询https://unocss.dev/interactive
```

7. 自定义组件使用

```
1. SvgIcon
<el-icon size={30}>
  <SvgIcon path={`menu-${item.meta?.icon}`} />
</el-icon>
其中：
  - size: 图标大小
  - path: 图标名称，会自动寻找src/assets/svg下的文件, menu 为文件名，- 为分隔符, item.meta?.icon 为图标名称

2. TransitionStatic
<TransitionStatic
  class={styles["big-number-500"]}
  value={19999.98}
  unit="￥"
  primary
/>
其中：兼容el-static上的属性
unit 为单位, 为空不显示单位
primary 为主色
```

8. 项目色彩使用

```
1. 基底灰色：--base-gray
2. 主色： --color-primary
```

9. 路由配置项

```
1. meta
  - title: 菜单名称
  - icon: 菜单图标
  - hidden: 是否隐藏菜单
  - keep-alive: 是否缓存页面
  - activeMenu: 当前菜单的激活菜单
  - bgTransparent: 是否透明背景
```

test