Skip to content

Commit 7ca5c9a

Browse files
committed
docs: 补充 IntelliSense configFile 配置说明
1 parent cd2bb7a commit 7ca5c9a

1 file changed

Lines changed: 14 additions & 0 deletions

File tree

website/docs/quick-start/intelliSense.md

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -46,6 +46,20 @@ npx weapp-tailwindcss vscode-entry --css src/app.css
4646

4747
保存/重载任意文件后 VS Code 会检测到该辅助文件,从而让 `@import 'weapp-tailwindcss';` 的项目享受到完整的补全、悬浮和跳转体验。
4848

49+
如果你希望显式告诉 `Tailwind CSS IntelliSense`“某个 CSS 根文件对应哪些源码目录”,可以继续补充 `tailwindCSS.experimental.configFile`
50+
51+
```json title=".vscode/settings.json"
52+
{
53+
"tailwindCSS.experimental.configFile": {
54+
".vscode/weapp-tailwindcss.intellisense.css": "src/**"
55+
}
56+
}
57+
```
58+
59+
- 键名是给 `Tailwind CSS IntelliSense` 使用的 CSS 入口文件路径,它通常需要包含 `@import "tailwindcss";`
60+
- 键值是这个入口生效的源码范围,支持 glob;上面的配置表示,当你编辑 `src/**` 下的文件时,扩展会使用 `.vscode/weapp-tailwindcss.intellisense.css` 作为 Tailwind 根文件。
61+
- 在 monorepo 或一个工作区里有多个 Tailwind 入口时,这种写法比“让扩展自动猜测”更稳定,也适合配合 `npx weapp-tailwindcss vscode-entry` 生成的辅助 CSS 一起使用。
62+
4963
### wxml 的智能提示
5064

5165
我们知道 `tailwindcss` 最佳实践,是要结合 `vscode`/`webstorm`提示插件一起使用的。

0 commit comments

Comments
 (0)