vscode中代码片段无法选中,代码提示失效等问题

463 阅读1分钟

vscode中代码片段无法选中,代码提示失效等问题

60852.jpg

1.command + shift + P 输入 Open User Settings

image.png

2.输入prevent,取消该勾选

image.png

3.Visual Studio Code 的代码片段设置

依次选择

  • File(文件) -> preperences(首选项) -> User Snippets(用户代码片段)”, 此时,点击vue.json 如下图:

image.png

(贴一下我自己的代码片段)

{
  "Print to console": {
    "prefix": "vue",
    "body": [
      "<!-- $1 -->",
      "<template>",
      "<div></div>",
      "</template>",
      "",
      "<script>",
      "export default {",
      "data() {",
      "return {",
      "",
      "}",
      "},",
      "//生命周期 - 创建完成(访问当前this实例)",
      "created() {",
      "",
      "},",
      "//生命周期 - 挂载完成(访问DOM元素)",
      "mounted() {",
      "",
      "}",
      "}",
      "</script>",
      "<style scoped>",
      "/* @import url(); 引入css类 */",
      "$4",
      "</style>"
    ],
    "description": "Log output to console"
  }
}

然后输入"vue" 就可以选择代码片段了