美文网首页
vscode一键格式化(ESLint && stylelint)

vscode一键格式化(ESLint && stylelint)

作者: 钱罗罗_ | 来源:发表于2020-04-27 15:25 被阅读0次

一、安装

    就在本地npm一下eslint

    vscode安装eslint插件

    项目根目录新建一个.eslint的文件

二、配置文件的位置

    主目录下的配置文件是备用文件,当前项目的目录下找不到,才会被启用

三、rules

"off" or 0 - 关闭规则

"warn" or 1 - 将规则视为一个警告(不会影响退出码)

"error" or 2 - 将规则视为一个错误 (退出码为1)

四、extends    

   "eslint:recommended":可以使用eslint推荐的所有是绿色对号的属性

    "eslint-plugin-vue": 也可以使用别人配置好的配置

五、一键自动lint

修改eslint的setting.json    

     "editor.codeActionsOnSave": { 

      "source.fixAll.eslint":true,

      "source.fixAll.stylelint": true

    },

  "css.validate": false,

  "less.validate": false,

  "scss.validate": false,

  "eslint.validate": [

    "javascriptreact",

    "javascript",

    {

      "language": "html",

      "autoFix": true

    },

    {

      "language": "vue",

      "autoFix": true

    }

  ]

相关文章

网友评论

      本文标题:vscode一键格式化(ESLint && stylelint)

      本文链接:https://www.haomeiwen.com/subject/mjfuihtx.html