VSCode 針對指定目錄進行TailwindCSS 及Bootstrap 代碼提示

我會針對項目及做獨立設定

那麼在項目的root folder中建立.vscode/settings.json

{
  "tailwindCSS.files.exclude": [
    "**/.git/**",
    "**/node_modules/**",
    "**/.hg/**",
    "**/resources/views/admin/**"
  ],
  "html-css-class-completion.includeGlobPattern": "**/admin/**/*.{css,html}"
}

針對這2套插件tailwindCSShtml-css-class-completion 而進行的設定,在指定的目錄中把部分文件過濾/只監察部分文件,視乎插件作者在設定中原本怎樣做

大家可把上面的目錄設定為自由的目錄即可

因為我最近手上的大部分項目都使用TailwindCSS,但後台的部分則無法離開bootstrap,因為大部分管理template都是bootstrap的,所以才需要像上面這樣設定,否則會後台html文件是提你tailwind的變量,會浪費你很多時間