VS Code Extensions
vue-css-module-helper

vue-css-module-helper

by tanyueran

这是一个vue文件的css module helper

Downloads

4

Rating

— (0)

Version

0.0.6

Last updated

May 27, 2026

这是vscode 的插件项目,用于.vue文件的引入外部的css module样式文件的helper,用于提示和跳转样式类名

功能

  • 支持vue单文件中引入的外部css module 的文件,在输入时提示,以及点击进入定义的地方

image

TODO

  • 支持vue单文件中的输入:class="style." 时的提示
  • 支持vue单文件中点击:class="style.box" 时进入具体的样式定义处
  • 缓存优化,以及缓存清理
  • 支持属性传递的情况下的跳转,类似:
    基础信息
  • 支持数组的情况下的跳转,类似:
    基础信息
  • 排除样式文件中符合条件的:global 下的class /^.([a-zA-Z0-9_-]+)(?=\s*[{])/gm
  • 输入:class="style." 提示选择["header-wrapper"]的形式不能替换代.

项目的打包与使用

  • 1、项目中安装 @vscode/vsce pnpm add -D @vscode/vsce
  • 2、打包npx vsce package
  • 3、把生成的.vsix文件按照的自己的vscode中即可使用

Related extensions