acgCode 2020-07-22 10:21 采纳率: 0%
浏览 1619

vscode vue style中classname自动提示不生效?

vscode版本:1.47.2

先上源代码:

<template>
  <div class="test-wrapper">
    <div class="test center-wrapper"></div>
  </div>
</template>

<script>
export default {
  name: "Test",
  data() {
    return {
      test: "test",
      nextText: "yes"
    };
  },
  mounted() {
    // TODO start
    // FIXME end
    console.log(this.test);
  }
};
</script>

<style lang="stylus" scoped>
</style>



已安装第三方插件有:

图片说明



本地效果:

图片说明



第三方插件无法生效,classname不提示。

我的setting.json:

{
  "editor.tabSize": 2,
  "editor.suggestSelection": "first",
  "editor.quickSuggestions": {
    "strings": true,
    "other": true,
    "comments": true
  },
  "editor.suggest.snippetsPreventQuickSuggestions": false,
  "editor.formatOnSave": true,
  "editor.fontSize": 13,
  "editor.tabCompletion": "on",
  "editor.cursorSmoothCaretAnimation": true,
  "editor.cursorBlinking": "phase",
  "editor.parameterHints": true,
  "workbench.iconTheme": "material-icon-theme",
  "eslint.run": "onSave",
  "eslint.format.enable": true,
  "eslint.validate": [
    "javascript",
    "javascriptreact",
    {
      "language": "vue",
      "autoFix": true
    }
  ],
  "cSpell.allowCompoundWords": true,
  "vetur.validation.template": false,
  "[javascript]": {
    "editor.defaultFormatter": "dbaeumer.vscode-eslint"
  },
  "path-intellisense.mappings": {
    "@": "${workspaceRoot}/src"
  },
  "http.proxyAuthorization": "false",
  "cSpell.userWords": [
    "mockjs",
    "vuex"
  ],
  "cSpell.ignorePaths": [
    "**/package-lock.json",
    "**/node_modules/**",
    "**/vscode-extension/**",
    "**/.git/objects/**",
    "**/.vscode/**",
    "**/.package.json"
  ],
  "vetur.format.defaultFormatter.html": "prettier",
  "files.autoSave": "onFocusChange",
  "search.exclude": {
    "**/node_modules": true,
    "**/bower_components": true,
    "**/*.code-search": true,
    "**/dist": true
  },
  "workbench.list.smoothScrolling": true,
  "terminal.integrated.shell.osx": "/bin/bash",
  "npm-intellisense.importDeclarationType": "const",
  "npm-intellisense.scanDevDependencies": true,
  "stylusSupremacy.insertColons": false,
  "stylusSupremacy.insertSemicolons": false,
  "stylusSupremacy.insertBraces": false,
  "stylusSupremacy.insertNewLineAroundImports": false,
  "stylusSupremacy.insertNewLineAroundBlocks": true, 
  "emmet.syntaxProfiles": {
    "vue-html": "html",
    "vue": "html"
  }
}

求大神帮忙看看,是什么原因造成的,我已经重新安装。插件也禁用之后一个一个启用看效果,都不行。也不知道是不是vscode更新后出现的问题。

  • 写回答

1条回答 默认 最新

  • zqbnqsdsmd 2020-07-31 11:16
    关注
    评论

报告相同问题?

悬赏问题

  • ¥15 stc15f2k60s2单片机关于流水灯,时钟,定时器,矩阵键盘等方面的综合问题
  • ¥15 YOLOv8已有一个初步的检测模型,想利用这个模型对新的图片进行自动标注,生成labellmg可以识别的数据,再手动修改。如何操作?
  • ¥30 NIRfast软件使用指导
  • ¥20 matlab仿真问题,求功率谱密度
  • ¥15 求micropython modbus-RTU 从机的代码或库?
  • ¥15 django5安装失败
  • ¥15 Java与Hbase相关问题
  • ¥15 后缀 crn 游戏文件提取资源
  • ¥20 bash代码推送不上去 git fetch origin master #失败了
  • ¥15 LOL外服加入了反作弊系统,现在游戏录像rofl文件离线都无法打开