美文网首页
十分钟完成vscode配合Eslint使用

十分钟完成vscode配合Eslint使用

作者: 前端陈晨 | 来源:发表于2018-12-08 16:33 被阅读0次

    十分钟完成vscode配合Eslint使用


    介绍ESLint

    ESLint 是一个代码规范和错误检查工具,有以下几个特性

    配置好之后,在vscode编辑器中按保存自动格式化,用起来超级爽

    检查你代码不规范的地方

    接下来我们来使用

    安装

    打开命令行,全局安装,适合你全部项目都需要eslint

    $ npm install -g eslint

    接下去安装配置文件

    $ eslint --init

    安装VS Code

    打开VS Code官网,点击它的下载链接即可。安装完成之后会看到如下的界面。

    安装完毕后,打开vscode

    搜索插件Eslint,点击安装,安装完毕后,点击重新加载

    配置vscode

    打开User Setting

    一定要加入这句代码:

    "eslint.autoFixOnSave": true,

    然后就可以轻松愉快的写代码啦~

    如果有什么需要更改的条件,要去.eslintrc.js这个文件里面配置

    具体规则等遇到了再去官网查eslint.org/

    相关文章

      网友评论

          本文标题:十分钟完成vscode配合Eslint使用

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