vscode 常用配置

139 阅读1分钟

每次想找一些配置,都得一个配置找一篇文章,有点小麻烦,因此记录汇总下,方便后续再用上。(不定时更新,用到了什么就更新什么) 可以按照标题索引

vscode 设置缩进方式

打开 首选项-->设置-->输入editor.tabSize搜索 就可以进行缩进的配置,输入框内填写的是空格,两个空格就输入2 image.png

设置用户代码片段,如vue模板

打开 首选项-->配置用户代码片段-->选择要定义的指令 image.png
以vue为例,将以下代码复制替换原有代码

{
  "Print to console": {
    "prefix": "vue",  
    "body": [
      "<template>",
      "\t<div class=\"container\"></div>",
      "</template>",
      "",
      "<script>",
      "export default {",
      "\tname: 'container',",
      "\tcomponents: {},",
      "\tprops: {},",
      "\tdata() {",
      "\t\treturn {}",
      "\t},",
      "\tcreated() {},",
      "\tmounted() {},",
      "\tmethods: {}",
      "}",
      "</script>",
      "<style lang=\"scss\"></style>",
      ""
    ]
  }
}

\t代表一个缩进,可根据需要进行修改。

在编辑页中输入vue三个字母,看到选中正确行后进行回车(不出意外都是第一行,直接回车就行)

image.png

出来的就是自己定义的模板啦

image.png