vscode 配置

eslint语法标准保存时自动补全

{
    "window.zoomLevel": 1,
    "files.autoSave": "off",
    "workbench.colorTheme": "Visual Studio Dark",
    "editor.formatOnSave": false,
    "editor.formatOnPaste": true,
    "eslint.enable": true,
    "eslint.autoFixOnSave": true,
    "eslint.options": {
        "extensions": [
            ".js",
            ".vue"
        ]
    },
    "eslint.validate": [
        {
            "language": "vue",
            "autoFix": true
        }
    ]
}
复制代码

用户代码片段

在文件中输入某个指令（在用户代码片段中设置），按下回车键生成预设的代码片段
下面以vue为例子
打开方法：打开VSCODE编辑器，依次选择“文件 -> 首选项 -> 用户代码片段”，此时，会弹出一个搜索框，我们输入vue， 在下来框中选择vue，VSCODE会自动打开一个名字为vue.json的文件，复制以下内容到这个文件中：

{
  "Print to console": {
    "prefix": "vue",// 表示生成对应预设代码的命令 下面即将用到
    "body": [
      "<!-- $0 -->",// 文件生成后光标所在位置
      "<template>",
      "  <div></div>",
      "</template>",
      "",
      "<script>",
      "export default {",
      "  data () {",
      "    return {",
      "    };",
      "  },",
      "",
      "  components: {},",
      "",
      "  computed: {},",
      "",
      "  mounted: {},",
      "",
      "  methods: {}",
      "}",
      "",
      "</script>",
      "<style lang='scss' scoped>",
      "</style>"
  ],
    "description": "Log output to console"
  }
}
复制代码

现在我们新建一个文件“hello.vue”,在这个文件中输入vue，按下回车键，神奇的事情发生了。预设的代码就出现了。
以此类推，我们还可以预设js的代码片段 比如我们预设一个箭头函数，在用户代码片段中搜索JavaScript.json文件。添加以下内容并保存。

"Print to func": {
		"prefix": "func",
		"body": [
			"let fn$0=()=>{",
				"",
				"}"
		],
		"description": "Log output to console"
	}
复制代码

在js文件中输入func根据代码提示上下键选择到带有“代码片段”的选项回车。就会出来预设的代码啦，

---

持续更新中。。。

转载于:https://juejin.im/post/5b98b073f265da0ac66937b3