littlebot
Published on 2025-04-12 / 0 Visits
0

【源码】基于VSCode插件的图片尺寸及URL生成工具

项目简介

这是一个基于VSCode插件的图片尺寸及URL生成工具,其目的是简化CSS书写过程中图片尺寸和URL的输入工作,用户通过简单操作就能快速生成带有图片尺寸和URL的CSS代码。

项目的主要特性和功能

  1. 支持一键式输入图片尺寸和URL,通过简单快捷键操作可快速生成对应CSS代码。
  2. 仅在srcpublicassets目录下搜索图片。
  3. 支持自定义配置,用户可根据需求修改src/util.ts下的配置。

安装使用步骤

安装

  1. 下载项目的源码文件。
  2. 打开VSCode,将源码文件放入扩展(extension)目录下。
  3. 在VSCode中,按下Ctrl+Shift+X打开扩展视图。
  4. 在搜索框中输入“图片尺寸及URL生成工具”或相关关键词,找到该插件。
  5. 点击安装,等待安装完成。
  6. 重启VSCode。

使用

在编写CSS代码时,按下Ctrl+Shift+4,然后选择需要的图片,插件将自动生成带有图片尺寸和URL的CSS代码。

注:此插件的使用需要用户具备一定的VSCode使用基础和对CSS、图片相关知识的了解。

下载地址

点击下载 【提取码: 4003】【解压密码: www.makuang.net】