Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>skr-toolsNew to Visual Studio Code? Get it now.
skr-tools

skr-tools

shaokr

|
51 installs
| (0) | Free
skr-tools
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

skr-tools

个人自用工具

功能列表

大驼峰
小驼峰
中划线
获取文件大驼峰
获取文件小驼峰
获取文件夹大驼峰
获取文件夹小驼峰
获取当前文件目录下所有内容的引用
模板快速生成内容
// react
react组件props参数和对象数据互转
// yapi
根据yapi生成mock文件
// antd
根据ts(需要含注释)填写表格dataIndex
根据ts(需要含注释)填写表单formItem的name

根据模板快速生成内容

主要作用是根据输入或选中的值(空格或者回车分割)生成模板的内容
	支持模板变量:默认值
		value-值
		Value-首字母大写值
		VALUE-全大写值

1.在工作区中新建配置文件.skr-tools.config.js
2.模板配置:
{
	contentTemplate: {
		templates: {
			stringArr: "'${value}',",
			useWatch: "const ${value} = Form.useWatch('${value}', form);",
			isFieldTouched: "const isTouched${Value} = form.isFieldTouched('${value}');",
			test: "${value}----${test}",
		}
	},
	// 数据处理后
	hookAfterDataProcessing(confg, log){
		log(config);
		if(confg.templateKey === 'test') {
			return {
				newData: confg.newData.filter(item => /[a]/g.test(item)),
			};
		}
	},
	// 模板数据生成前
	hookBeforeTemplateDataGeneration(confg, log){
		log(config);
		if(confg.templateKey === 'test') {
			return {
				templateParams:{
					test: [`<FormItem name="${confg.value}">`,'<Input/>','<FormItem>'].join('\n')
				}
			};
		}
	}
}
3.执行命令
4.输入用空格或者回车分割的内容
5.选中其中一个模板

根据 yapi 生成 mock 文件

可快速创建yapi对应的mock文件
	支持生成目录配置-默认为mocks
1.执行命令
2.输入yapi的地址-支持项目、分组、接口
	例子:
		项目:http://yapi.itcjf.com/project/1807/interface/api
		分组:http://yapi.itcjf.com/project/1807/interface/api/cat_12261
		接口:http://yapi.itcjf.com/project/1807/interface/api/84261
3.输入需要裁剪的接口路径-默认为1
4.输入项目的token-在项目的设置中查看需要对应权限,第一次输入后会保存到工作区配置文件
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft