vscode搭建vue环境

1. 首先安装eslint插件 格式化插件

image.png

安装并配置完成 ESLint 后，我们继续回到 VSCode 进行扩展设置，依次点击 文件 > 首选项 > 设置 打开 VSCode 配置文件,添加如下配置

    "files.autoSave":"off",
    "eslint.validate": [
       "javascript",
       "javascriptreact",
       "html",
       { "language": "vue", "autoFix": true }
     ],
     "eslint.options": {
        "plugins": ["html"]
     }

这样每次保存的时候就可以根据根目录下.eslintrc.js你配置的eslint规则来检查和做一些简单的fix。这里提供了一份我平时的eslint规则地址，都简单写上了注释。每个人和团队都有自己的代码规范，统一就好了，去打造一份属于自己的eslint 规则上传到npm吧，如饿了么团队的 config，vue的 config。

vscode 插件和配置推荐

转自：https://juejin.im/post/59097cd7a22b9d0065fb61d2

2. vue-definition ----vue跳转事件和跳转到引入的组件位置

3. vue-peek 查看定义，可以看到定义的源文件

参考 https://blog.csdn.net/qq_43427364/article/details/98591273

注意：vue-definition vue-peek 同时安装会有冲突，导致不能跳转