# 个人中心

**Repository Path**: my-project---dingg/personal-center

## Basic Information

- **Project Name**: 个人中心
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-03-07
- **Last Updated**: 2025-03-07

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

### 目录结构

```linux
.
├── .gitignore
├── .husky git 钩子配合lint-staged 实现在commit时格式化代码
│   ├── _
│   │   ├── .gitignore
│   │   └── husky.sh
│   └── pre-commit
├── README.md
├── auto-imports.d.ts unplugin-auto-import/vite 插件自动生成引用文件，项目里边vue vue-router sp-design-vue 等可不引用直接使用
├── components.d.ts
├── config.js 环境配置
├── index.html
├── package.json
├── public
│   └── vite.svg
└── src
    ├── App.vue
    ├── api
    │   ├── author.js
    │   └── index.js
    ├── assets
    │   ├── fonts
    │   ├── global.css 子运用覆盖body外样式用，原$mainServices.addStyle注册，现在只用在这添加即可
    │   ├── styles
        ├   └──—— variables.scss 全局scss 已注入到全局，sfc中直接@include即可
    │   └── vue.svg
    ├── components
    │   └── HelloWorld.vue
    ├── config
    │   ├── config.beta.js
    │   ├── config.defalut.js
    │   ├── config.development.js
    │   ├── config.liantiao.js
    │   ├── config.production.js
    │   ├── config.test.js
    │   ├── index.js
    │   └── share.js
    ├── core
    │   ├── install.js
    │   ├── life-cycle.js
    │   └── public-path.js
    ├── hooks
    │   └── useRequest.js axios 封装验签功能
    ├── main.js 入口
    ├── plugins
    │   ├── install.js
    │   ├── piniaRequestState.js
    │   └── piniaReset.js
    ├── router
    │   ├── index.js
    │   └── routes.js 路由
    ├── stores  pinia 状态管理工具
    │   ├── index.js
    │   ├── useAuthorStore.js
    │   ├── useCounterStore.js
    │   └── useFetchStore.js
    ├── style.css
    ├── utils
    │   ├── api.js
    │   ├── app-store.js 主子通信
    │   ├── app.js
    │   └── event-bus.js
    └── views
        ├── axios.vue
        ├── child.vue
        ├── dashboard.vue
        ├── home.vue
        ├── pinia.vue
        └── piniaTwo.vue
```

# Vue 3 + Vite

This template should help get you started developing with Vue 3 in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.

## Recommended IDE Setup

- [VS Code](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur) + [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin).

## config.js 字段对照表

```json
[  
  {
    // 分支对应的配置，本地开发取configs第一条数据，构建时选择分支
    branch: 'dev',
    // 镜像名称
    name: 'crisps-case-web-0',
    // folder放置当前项目分支打包后文件的目录，通过此目录可以将整个项目前后端打的包放在一个文件夹下
    folder: 'd-chips',
    // 前端页面访问端口
    port: '32095',
    // apiProxies是项目中调用后端API的开发环境和测试环境的目标地址，请根据项目需要修改其中的参数
    proxy: {
      '/api': {
        target: 'https://dspmicrouag.shupian.cn/',
        changeOrigin: true,
        rewrite: (path) => path.replace(/^\/api/, ''),
      },
    },
    baseUrl: 'https://dcase-center.shupian.cn/',
    SP_SERVER_ENV: 'development',
  },
……
]

// 本地调试分支
const config = {
  branch: 'liantiao',
};

//覆盖vite.config.js配置
const viteCustomConfig = {
  // 在命令行输出配置信息方便调试，可选
  showstdout: false,
  server: {
    port: '3001',
  },
};
   
```