Code Tools

CSS flex/grid布局样式可视化操作

• 当css样式输入display: flex; display: grid;是会出现可视化操作flex/grid布局弹窗，可以直接看到flex/grid布局样式效果

翻译功能

• 使用方式：支持鼠标选中自动翻译，以及输入中文自动转换大小驼峰命名变量！

• 配置腾讯云翻译

vscode编辑器 -> 文件 -> 首选项 -> 设置，找到拓展Code Tools 配置，配置腾讯云SecretId以及SecretKey。

打开腾讯云翻译地址开通机器翻译，免费版本，一个月500万字符免费使用额度。

开通后前往控制台，复制SecretId以及SecretKey到Code Tools 配置中然后就可以直接使用。