规范代码编写风格就用 eslint 和 prettier

本文介绍了如何使用eslint和prettier来规范JavaScript(尤其关注Vue.js项目)的编码风格,包括eslint的配置、eslint-loader的集成、VSCode插件的使用以及错误修复方法。通过设置规则和自动修复,可以提升代码一致性,便于团队合作。
摘要由CSDN通过智能技术生成

eslint 可以用于规范我们的编码,使得项目中的代码风格一致,更利于阅读和维护,而 prettier 可以在当我们代码不符合 eslint 规范是进行部分自动修复。

eslint

通过 npm install eslint -D安装 eslint,然后执行 npx eslint --init初始化配置文件

在执行 init 操作的时候,eslint 生成配置文件会问你一些问题

  • 想怎样来使用 eslint
  • 模块化的方式(Es module、commonjs)
  • 选择哪一种框架(React、Vue)
  • 是否需要 TypeScript
  • 项目运行在浏览器还是客户端
  • 指定怎样的代码规范(Airbnb、Standard、Google、XO)
  • 生成的配置文件类型(JavaScript、YAML、JSON)

依次选择完成后再让它自动安装所需要的依赖。

在这里插入图片描述

在这些问题中,我选择了 使用 eslint 时检查代码发现问题后并提醒、模块化使用 commonjs、不需要框架和 TypeScript、项目运行在浏览器端,使用 airbnb 编码规范,生成配置文件为 JavaScript,这样就生成了 eslint 配置文件 .eslintrc.js

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值