项目简介
这是一个基于VSCode插件的图片尺寸及URL生成工具,其目的是简化CSS书写过程中图片尺寸和URL的输入工作,用户通过简单操作就能快速生成带有图片尺寸和URL的CSS代码。
项目的主要特性和功能
- 支持一键式输入图片尺寸和URL,通过简单快捷键操作可快速生成对应CSS代码。
- 仅在
src
、public
和assets
目录下搜索图片。 - 支持自定义配置,用户可根据需求修改
src/util.ts
下的配置。
安装使用步骤
安装
- 下载项目的源码文件。
- 打开VSCode,将源码文件放入扩展(extension)目录下。
- 在VSCode中,按下
Ctrl+Shift+X
打开扩展视图。 - 在搜索框中输入“图片尺寸及URL生成工具”或相关关键词,找到该插件。
- 点击安装,等待安装完成。
- 重启VSCode。
使用
在编写CSS代码时,按下Ctrl+Shift+4
,然后选择需要的图片,插件将自动生成带有图片尺寸和URL的CSS代码。
注:此插件的使用需要用户具备一定的VSCode使用基础和对CSS、图片相关知识的了解。
下载地址
点击下载 【提取码: 4003】【解压密码: www.makuang.net】