资讯专栏INFORMATION COLUMN

十分钟完成vscode配合Eslint使用

lijinke666 / 3326人阅读

摘要:安装完成之后会看到如下的界面。安装完毕后,打开搜索插件,点击安装,安装完毕后,点击重新加载配置打开一定要加入这句代码然后就可以轻松愉快的写代码啦如果有什么需要更改的条件,要去这个文件里面配置具体规则等遇到了再去官网查

十分钟完成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/

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/117033.html

相关文章

  • 分钟完成vscode配合Eslint使用

    摘要:安装完成之后会看到如下的界面。安装完毕后,打开搜索插件,点击安装,安装完毕后,点击重新加载配置打开一定要加入这句代码然后就可以轻松愉快的写代码啦如果有什么需要更改的条件,要去这个文件里面配置具体规则等遇到了再去官网查 十分钟完成vscode配合Eslint使用 介绍ESLint ESLint 是一个代码规范和错误检查工具,有以下几个特性配置好之后,在vscode编辑器中按保存自动格式化...

    Brenner 评论0 收藏0
  • 分钟完成vscode配合Eslint使用

    摘要:安装完成之后会看到如下的界面。安装完毕后,打开搜索插件,点击安装,安装完毕后,点击重新加载配置打开一定要加入这句代码然后就可以轻松愉快的写代码啦如果有什么需要更改的条件,要去这个文件里面配置具体规则等遇到了再去官网查 十分钟完成vscode配合Eslint使用 介绍ESLint ESLint 是一个代码规范和错误检查工具,有以下几个特性配置好之后,在vscode编辑器中按保存自动格式化...

    trigkit4 评论0 收藏0
  • 在 React-CRA 应用中配合 VSCode 使用 ESLint 实践前端代码规范

    摘要:编码规范是独角兽公司内部的编码规范,该项目是上很受欢迎的一个开源项目,在前端开发中使用广泛,本文的配置规则就是以编码规范和编码规范作为基础的。 更新时间:2019-01-22React.js create-react-app 项目 + VSCode 编辑器 + ESLint 代码检查工具 + Airbnb 编码规范 前言 为什么要使用 ESLint 在项目开发过程中,编写符合团队编码规...

    Hujiawei 评论0 收藏0
  • Prettier+VScode 治好你的代码洁癖

    摘要:忍无可忍只能拔枪相见了。而只关心格式化文件最大长度混合标签和空格引用样式等。可见,代码格式统一的问题,交给再合适不过了。和配合使用,风味更佳。我的配置文件如下到此,安装完毕,使用就可格式化代码。两者配合才能使项目代码优雅健壮 试想一个多人开发的项目,每次同步代码,看到各个风格迥异,换行空格混乱,4格,2格缩进交替上演的代码文件,分分钟逼死强迫症啊。忍无可忍只能拔枪相见了~~。统一的代码...

    qc1iu 评论0 收藏0
  • 梳理前端开发使用eslint-prettier检查和格式化代码

    摘要:梳理前端开发使用检查和格式化代码问题痛点在团队的项目开发过程中,代码维护所占的时间比重往往大于新功能的开发。使用格式化所有代码。参考文档如何花分钟解决产生的各种错误的记忆现场原文转载梳理前端开发使用检查和格式化代码线上猛如虎,线下怂如鼠 梳理前端开发使用eslint-prettier检查和格式化代码 问题痛点 在团队的项目开发过程中,代码维护所占的时间比重往往大于新功能的开发。因此编...

    yangrd 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<