# Vue3

## 前端运行

```bash
# 克隆项目
git clone https://github.com/yangzongzhuan/RuoYi-Cloud-Vue3.git

# 进入项目目录
cd RuoYi-Cloud-Vue3

# 安装依赖
yarn --registry=https://registry.npmmirror.com

# 启动服务
yarn dev

# 构建测试环境 yarn build:stage
# 构建生产环境 yarn build:prod
# 前端访问地址 http://localhost:80
```

## koroFileHeader

快速的为文件添加注释：

vue 文件的头部：`ctrl+command+i`
vue 文件的方法：`ctrl+command+t`

个性化设置：打开设置：

然后在 settings.json 中设置如下：

%accordion% <font style="color: green; font-weight: bold;">点击查看代码</font> %accordion%

```json

这里是头部注释相关的
"fileheader.customMade": {
    "Description": "",
    "Version": "1.0.0",
    "Autor": "fujingwen",
    "Date": "Do not edit",
    "LastEditors": "fujingwen",
    "LastEditTime": "Do not edit",
    "FilePath": ""
},

这里是函数注释相关的
"fileheader.cursorMode": {
    "desc" :"",
    "param": "",
    "return": "",
    "author":"fujingwen"
}
```

%/accordion%

快捷键：

函数注释：cursorTip
头部注释：fileheader

新建文件时，默认会自动添加头部注释，取消的方式：

```js
// 头部注释
"fileheader.customMade": {
    "autoAdd": false,  //关闭自动生成头部注释
},
// "fileheader.configObj": {
//     "autoAdd": false, // 关闭
// },
```

## 注释规范

```vue
<!--
 * @Description: xxx
 * @Version: 1.0.0
 * @Author: fujingwen
 * @Date: 2023-02-10 17:14:41
 * @FilePath: /RuoYi-Cloud-Vue3/src/views/system/user/index.vue
-->
```

```js
/**
 * @desc 删除按钮操作
 * @param {Object} row xxx
 * @return {string} xxx
 */
```

## icon

src/assets

## 文件命名

## 组件通信

公共组件：src/components

## 分支

master 公共分支
pipe 管廊分支