rdapp-web-plugins

rdapp 前端开发辅助插件

功能清单

业务库请求方法代码提示

鼠标移入业务库内置的请求方法时，会显示请求方法相关信息
输入this.eventBiz.时，会自动显示对应业务模块下所有的方法，并可以通过回车键补全代码

快速获取用户 token

先在编辑器设置中配置好帐号和密码(ctrl+,打开设置，在左侧菜单->扩展->rdapp-web-plugins 插件设置中，填写 username 和对应的 password)
ctrl+shift+p 调出命令行，输入 token，回车后出现环境选择器，选中后会自动获取用户 token 并添加到剪切板中（也可以在键盘快捷方式中给【快速生成用户 token】命令添加键绑定）
环境可以在编辑器的 json 配置中自己定义

"rdapp-web-plugins.environment": [
    {
        "label": "dev环境",
        "value": "10.8.9.235"
    },
    {
        "label": "自定义环境标题（必填）",
        "value": "10.8.9.223（必填）",
        "username": "自定义环境的username（非必填）",
        "password": "自定义环境的password（非必填）",
    }
]

快捷键生成

光标先选中要输出日志的元素，按住快捷键即可生成

直接引入 web-logger 库或者已将 log 注册为全局变量时

windows: Ctrl+Alt+l mac: Cmd+Shift+l

将 we-logger 挂在 Vue 原型上使用时

windows: Ctrl+Alt+k mac: Cmd+Shift+k

代码提示

输入 log.后，会显示支持的所有方法,并生成代码片段在某一行打log.后，出现日志类型选择菜单，选择对应类型以后，生成log.logType(fileName ~ methodName ~ positon)格式的代码片段

代码片段

日志类型

触发键	描述	输出模板
rdinfo	info 类型日志	log.info()
rdcol	默认闭合日志分组	log.collapse(rdapp) \n log.end()
rdstart	默认展开日志分组	log.start() \n log.end()
rdend	关闭分组	log.end()
rdwarn	提醒日志输出类型	log.warn()
rderr	错误提示输出类型	log.error()
rdfatal	错误类型	log.fatal()
rdsuc	成功输出类型	log.success()
rddebug	基本输出类型，用于调试	log.debug()
rdtrace	输出当前方法的执行链	log.trace()
rdassert	断言输出	log.assert(1 > 2, '1 大于 2 为 false 时才显示')
rdtable	table 方式展示数据	log.table(this.list, ['key1', 'key2'])
rdref	打印 dom	log.ref(DOM or vDom)
rdtime	性能监测工具, 启动监测	log.time('key')
rdtimelog	性能监测工具, 监测中的时间	log.timeLog('testRunTime', '获取当前时间')
rdtimeend	性能监测工具, 结束监测	log.timeEnd('key')

预处理器类型

触发键	描述	输出模板
pxToRem	px 转 rem 模板	pxToRem($px)

XJT