422e30476854a0ca86f1aecb4e2d72dd8732d58f
Vue3
前端运行
# 克隆项目
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% 点击查看代码 %accordion%
这里是头部注释相关的
"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
新建文件时,默认会自动添加头部注释,取消的方式:
// 头部注释
"fileheader.customMade": {
"autoAdd": false, //关闭自动生成头部注释
},
// "fileheader.configObj": {
// "autoAdd": false, // 关闭
// },
注释规范
<!--
* @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
-->
/**
* @desc 删除按钮操作
* @param {Object} row xxx
* @return {string} xxx
*/
icon
src/assets
文件命名
组件通信
公共组件:src/components
分支
master 公共分支 pipe 管廊分支
Description
Languages
JavaScript
72.4%
Vue
26.6%
SCSS
0.6%
HTML
0.4%