Quasar 内置 css 的代码提示

注意:本页属于个人经验,并不属于官方文档内容

方式一

直接安装 IntelliSense for CSS class names in HTML 插件,插件 ID: Zignd.html-css-class-completion,安装完成后即可以在 vscode 中获得对 quasar 的内置 css 的代码提示

方式二

  1. 安装 Scss Everywhere 插件,插件 ID: gencer.html-slim-scss-css-class-completion
  2. 将以下代码复制进 vscode 的配置文件(.vscode/settings.json)中去:
  "html-css-class-completion.remoteStyleSheets": ["https://cdn.jsdelivr.net/npm/quasar@latest/dist/quasar.prod.css"],
  "html-css-class-completion.includeGlobPattern": "**/*.{css,scss,sass,html,vue}"
  1. 完成上述步骤后,即可以在 vscode 中获得对 quasar 的内置 css 的代码提示,若没有自动弹出提示,可按快捷键(ctrl+ i)