【vscode】 TypeScript项目快速跳转到css文件

demongao
3883
2022-10-14

在写React+typescript的时候,发现按ctrl不能跳进css里,只能跳到declear。这果断不能忍啊!

image.png

typescript-plugin-css-modules

经过百度,发现这么一个插件,可以配合vscode编辑器配置,完成快速跳转到css文件

1. 安装插件

npm i -D typescript-plugin-css-modules

2. 修改tsconfig.json

// tsconfig.json
{
  "compilerOptions": {
      "plugins": [
      {
        "name": "typescript-plugin-css-modules",
        "options": { 
          "customMatcher": ".(styl|css|scss|less|sass)$" 
        }
      }
    ]
  }
}

3. 编辑器配置

在typescript.tsserver.pluginPath里加一项typescript-plugin-css-modules

image.png

效果

image.png