Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Dev BoosterNew to Visual Studio Code? Get it now.
Dev Booster

Dev Booster

josh-ludwig

|
18 installs
| (1) | Free
效率工具
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

哟呵~

A Visual Studio Code extension for 大厂牛马.

Features

  • 支持预览(jpg|jpeg|png|gif|webp|svg|bmp|ico)资源,

  • 右键左侧文件选择Preview Image即可,也可hover路径查看资源详情

  • cmd+1 转换选中文本为大写

abc → ABC
aBc → ABC
  • cmd+2 选中 HEX 转 RGB 颜色,支持复制
#F50FF5 → rgb(245, 15, 245)
  • cmd+3 选中 RGB 转 HEX 颜色,支持复制
rgb(245, 15, 245) → #F50FF5
  • cmd+4 选中文本转为驼峰,支持_和-
webkit-app-region → webkitAppRegion
  • cmd+5 选中文本将 JSON 序列化
// 输入
{
	a: 1,
	b: "d12312",
	c: {
		b: null,
		d: '123123',
		e: undefined,
		c: {
			b: 3,
			d: 4,
			e: 5
		}
	},
    adsd_13: 'd123123'
}

// 输出
{
	"a": 1,
	"b": "d12312",
	"c": {
		"b": null,
		"d": '123123',
		"c": {
			"b": 3,
			"d": 4,
			"e": 5
		}
	},
	"adsd_13": 'd123123'
}

Requirements

  • VS Code 1.85.0 or higher

Installation

  1. Download the .vsix file
  2. Install via VS Code extensions menu

Usage

  • 支持预览(jpg|jpeg|png|gif|webp|svg|bmp|ico)资源,

  • 右键左侧文件选择Preview Image即可,也可hover路径查看资源详情

  • cmd+1 转换选中文本为大写

abc → ABC
aBc → ABC
  • cmd+2 选中 HEX 转 RGB 颜色,支持复制
#F50FF5 → rgb(245, 15, 245)
  • cmd+3 选中 RGB 转 HEX 颜色,支持复制
rgb(245, 15, 245) → #F50FF5
  • cmd+4 选中文本转为驼峰,支持_和-
webkit-app-region → webkitAppRegion
  • cmd+5 选中文本将 JSON 序列化
// 输入
{
	a: 1,
	b: "d12312",
	c: {
		b: null,
		d: '123123',
		e: undefined,
		c: {
			b: 3,
			d: 4,
			e: 5
		}
	},
    adsd_13: 'd123123'
}

// 输出
{
	"a": 1,
	"b": "d12312",
	"c": {
		"b": null,
		"d": '123123',
		"c": {
			"b": 3,
			"d": 4,
			"e": 5
		}
	},
	"adsd_13": 'd123123'
}

License

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft