Vue 3 + TypeScript + Vite

启动 webStorem:vite,vscode:npm run dev

打包 webStorem:vite build，vscode:npm run build

发布

npm 登录 npm login

输入邮箱账号，邮箱：???;账号：???;密码:???;等验证码（陈尚义）

打包后提交代码，package 中的 version 要加 1

发布 npm publish

页面结构

src/view 演示页面，组件开发的时候可以查看效果

src/components 组件

store 数据库

style 样式

可取缓存（indexedDbUtil.get('key')），注：异步

userInfo 个人信息

npmOnlyUseToken

dictData 数据字典

selectDataList 数据字典（每个选项加了{'lable':'全部'}）

address 省市区树状结构，可配合级联选择使用

roleGroups 角色

注释

安装 koroFileHeader 插件

在 settings 中添加配置：

"fileheader.customMade": { "Name": "", "Description：": "", "Author": "张自强", "Date": // 文件最后编辑时间 }, "fileheader.cursorMode": { "description": "", // 函数注释生成之后，光标移动到这里 "param": "", // param 开启函数参数自动提取 需要将光标放在函数行或者函数上方的空白行 "return": "", "Date": "Do not edit" // 文件最后编辑时间 }, // 插件配置项 "fileheader.configObj": { "autoAdd": true, //"If this setting is false, no telemetry will be sent regardless of the new setting's value. Deprecated due to being combined into the #telemetry.telemetryLevel# setting.", // 检测文件没有头部注释，自动添加文件头部注释 "autoAddLine": 6, // 文件超过多少行数 不再自动添加头部注释 "autoAlready": true, // 只添加插件支持的语言以及用户通过language选项自定义的注释 "supportAutoLanguage": ["c", "cpp", "hpp", "h", "cc"], // 设置之后，在数组内的文件才支持自动添加 // 自动添加头部注释黑名单 "prohibitAutoAdd": ["json", "MD"], "prohibitItemAutoAdd": ["项目的全称禁止项目自动添加头部注释, 使用快捷键自行添加"], "folderBlacklist": ["node_modules"], // 文件夹或文件名禁止自动添加头部注释 "wideSame": false, // 头部注释等宽设置 "wideNum": 13, // 头部注释字段长度 默认为 13 "functionWideNum": 0, // 函数注释等宽设置 设为 0 即为关闭 // 头部注释第几行插入 "headInsertLine": { "php": 2 // php 文件 插入到第二行 }, "beforeAnnotation": {}, // 头部注释之前插入内容 "afterAnnotation": {}, // 头部注释之后插入内容 "specialOptions": {}, // 特殊字段自定义 比如: Author、LastEditTime、LastEditors、FilePath、Description、Date 等 "switch": { "newlineAddAnnotation": true // 默认遇到换行符(\r\n \n \r)添加注释符号 }, "moveCursor": true, // 自动移动光标到 Description 所在行 "dateFormat": "YYYY-MM-DD HH:mm:ss", "atSymbol": ["@", "@"], // 更改所有文件的自定义注释中的@符号 "atSymbolObj": {}, // 更改单独语言/文件的@ "colon": [": ", ": "], // 更改所有文件的注释冒号 "colonObj": {}, // 更改单独语言/文件的冒号 "filePathColon": "路径分隔符替换", // 默认值： mac: / window 是:
"showErrorMessage": false, // 是否显示插件错误通知 用于 debugger "writeLog": false, // 错误日志生成 "CheckFileChange": false, // 单个文件保存时进行 diff 检查 "createHeader": false, // 新建文件自动添加头部注释 "useWorker": false, // 是否使用工作区设置 "designAddHead": false, // 添加注释图案时添加头部注释 "headDesignName": "random", // 图案注释使用哪个图案 "headDesign": false, // 是否使用图案注释替换头部注释 // 自定义配置是否在函数内生成注释 不同文件类型和语言类型 "cursorModeInternalAll": {}, // 默认为 false 在函数外生成函数注释 "openFunctionParamsCheck": true, // 开启关闭自动提取添加函数参数 "functionParamsShape": ["{", "}"], // 函数参数外形自定义 // "functionParamsShape": "no type" 函数参数不需要类型 "functionBlankSpaceAll": {}, // 函数注释空格缩进 默认为空对象 默认值为 0 不缩进 "functionTypeSymbol": "*", // 参数没有类型时的默认值 "typeParamOrder": "type param", // 参数类型 和 参数的位置自定义 "NoMatchParams": "no show param", // 没匹配到函数参数，是否显示@param 与@return 这两行 默认不显示 param "functionParamAddStr": "", // 在 type param 后面增加字符串 可能是冒号，方便输入参数描述 // 自定义语言注释，自定义取消 head、end 部分 // 不设置自定义配置 language 无效 默认都有 head、end "customHasHeadEnd": {}, // "cancel head and function" | "cancel head" | "cancel function" "throttleTime": 60000, // 对同一个文件 需要过 1 分钟再次修改文件并保存才会更新注释 // 自定义语言注释符号，覆盖插件的注释格式 "language": { // js 后缀文件 "js": { "head": "/$$", "middle": " $ @", "end": " $/", // 函数自定义注释符号：如果有此配置 会默认使用 "functionSymbol": { "head": "/*** ", // 统一增加几个号 "middle": " * @", "end": " */" }, "functionParams": "typescript" // 函数注释使用 ts 语言的解析逻辑 }, // 一次匹配多种文件后缀文件 不用重复设置 "h/hpp/cpp": { "head": "/** ", // 统一增加几个*号 "middle": " _ @", "end": " _/" }, // 针对有特殊要求的文件如：test.blade.php "blade.php": { "head": "" } } },

默认快捷键可能是 ctrl+win+i 和 ctrl+win+T

在 文件---首选项----键盘快捷方式中 分别搜索 cursortip 和 fileheader 修改成自己想要的快捷键