求VSCode扩展：实现Tailwind bg-[url()]中图片路径自动补全

推荐的VSCode扩展及配置 #

• Tailwind CSS IntelliSense（官方扩展）：
  默认情况下它可能不识别bg-[url("")]这类自定义语法的路径，你可以在项目的.vscode/settings.json中添加以下配置，让扩展匹配并补全url内的路径：

  "tailwindCSS.experimental.classRegex": [
    ["bg-\\[url\\((['\"])(.*?)\\1\\)\\]", ["$2"]]
  ]
  

• Path Intellisense（通用路径补全工具）：
  这款扩展能增强字符串内的路径补全能力，配合Tailwind使用时，确保在VSCode设置中开启相关选项：

  "path-intellisense.extensionOnImport": true,
  "path-intellisense.autoSlashAfterDirectory": true,
  "path-intellisense.showHiddenFiles": true
  

注意事项 #

• 确保项目根目录存在tailwind.config.js，且Tailwind CSS IntelliSense已正确加载项目配置。
• 检查VSCode工作区根目录是否正确，避免相对路径解析出错。

内容的提问来源于stack exchange，提问作者ghshin