十分钟完成vscode配合Eslint使用

十分钟完成vscode配合Eslint使用

介绍ESLint

ESLint 是一个代码规范和错误检查工具,有以下几个特性
配置好之后,在vscode编辑器中按保存自动格式化,用起来超级爽
检查你代码不规范的地方
接下来我们来使用

安装

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

$ npm install -g eslint
接下去安装配置文件
$ eslint --init
《十分钟完成vscode配合Eslint使用》
安装VS Code
《十分钟完成vscode配合Eslint使用》
打开VS Code官网,点击它的下载链接即可。安装完成之后会看到如下的界面。
《十分钟完成vscode配合Eslint使用》

安装完毕后,打开vscode

搜索插件Eslint,点击安装,安装完毕后,点击重新加载
《十分钟完成vscode配合Eslint使用》

配置vscode

打开User Setting

一定要加入这句代码:

“eslint.autoFixOnSave”: true,
然后就可以轻松愉快的写代码啦~

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

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

    原文作者:前端陈晨
    原文地址: https://segmentfault.com/a/1190000017307633
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞