在写React+typescript的时候,发现按ctrl不能跳进css里,只能跳到declear。这果断不能忍啊!
![image.png](https://cdn.demongao.com/halo/image_1665711796655.png)
# typescript-plugin-css-modules
经过百度,发现这么一个插件,可以配合vscode编辑器配置,完成快速跳转到css文件
### 1. 安装插件
```
npm i -D typescript-plugin-css-modules
```
### 2. 修改tsconfig.json
```js
// 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](https://cdn.demongao.com/halo/image_1665711983134.png)
# 效果
![image.png](https://cdn.demongao.com/halo/image_1665712045172.png)
【vscode】 TypeScript项目快速跳转到css文件