在vscode实现类似hbuilderx中的class提示

在vscode实现类似hbuilderx中的class提示

1.下载下图扩展并修改配置

配置1

"css.enabledLanguages": ["vue", "html"],

配置2

// 全局css提示
  "css.styleSheets": ["App.vue"],
  // 启用快速提示 ( 要使编辑器在字符串内容（例如：HTML模板部分）内也能触发CSS类名的自动补全)
  "editor.quickSuggestions": {
    "strings": true
  }

2.效果

1.app.vue文件写入公共样式

2.单文件组件中使用公共样式