资讯专栏INFORMATION COLUMN

如何自己配置eslint 与 Vscode 自动修复

whlong / 869人阅读

摘要:安装如何初始化初始化运行接下来会弹出选项您希望如何配置选择您要遵循哪种风格指南可以选择,相对严格你是否使用不需要的话就填接下来就是安装依赖安装插件插件商店搜索插件,重启编辑器,如果代码中有出现报红,说明已经配置成功如何开启自动修复打开配

安装
npm install eslint
如何初始化
初始化eslint 运行 ./node_modules/.bin/eslint --init
接下来会弹出选项
how would you like to configure Eslint  | 您希望如何配置 eslint    
选择 use popular style guide

which style guide do you want to follow | 您要遵循哪种风格指南
可以选择 airbnb , 相对严格

do you use React ? | 你是否使用 react?
不需要的话就填n

接下来就是安装依赖

VScode 安装 eslint 插件
插件商店搜索 Eslint 插件, 重启编辑器, 如果代码中有出现报红, 说明已经配置成功

如何开启vscode 自动修复
打开vscode 配置项, 搜索 autofix , 勾选 auto Fix On Save 
嘿嘿 每次按 ctrl + s 都会自动修复代码了

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

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

相关文章

  • 在 React-CRA 应用中配合 VSCode 使用 ESLint 实践前端代码规范

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

    Hujiawei 评论0 收藏0
  • 前端代码质量管理(一)

    导语: 随着业务的增长和开发团队的成员快速增加,其中很多新人来自于五湖四海各大门派,在编码的风格和习惯中也出现各异。 通常在相互 codereview 时发现很多代码上的问题,久而久之代码出现了代码难以维护的问题,甚至还会出现低级错误。 因此,我尝试在前端代码质量的管控上做了些探索,也总结了一些经验分享给大家。 作者:郑振波 本文大纲介绍 编码规范 冗余文件与代码 1. 编码规范 在一些老项...

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

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

    yangrd 评论0 收藏0
  • vscode-eslint的踩坑实践--typescript无法格式化

    摘要:的踩坑实践无法格式化引言最近开发的前端项目随着开发的人员越来越多,代码规范已经是一个很难避免的问题了,虽然百度有这个规则检查,但是不论是或者是项目本地都没有配置或检查,完全靠自觉,这是件非常扯淡的事。 vscode-eslint的踩坑实践--typescript无法格式化 引言 最近开发的前端项目随着开发的人员越来越多,代码规范已经是一个很难避免的问题了,虽然百度有fecs这个规则检查...

    harryhappy 评论0 收藏0
  • Nuxt项目支持eslint+pritter+typescript

    摘要:脚手架安装好的基本项目项目名,如,按照提示安装你想要的东西,本次项目预装模式下,默认的项目目录如下保存自动格式化修复本人习惯缩进为个空格,但是生成的项目默认为个,因此需要更改配置文件下的更改为保存时自动修复错误保存自动格式化开启支 脚手架安装好nuxt的基本项目 npx create-nuxt-app ,如:npx create-nuxt-app nuxt-ts,按照提示安装你想要的...

    draveness 评论0 收藏0

发表评论

0条评论

whlong

|高级讲师

TA的文章

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