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 同时安装会有冲突,导致不能跳转

你可能感兴趣的:(vscode搭建vue环境)