Eslint & prettier & airbnb规范配置

最新推荐文章于 2025-04-02 16:21:25 发布

Z编程

最新推荐文章于 2025-04-02 16:21:25 发布

阅读量2k

点赞数 34

分类专栏：项目管理与自动化集成文章标签：前端 javascript

本文链接：https://blog.csdn.net/weixin_45636198/article/details/140039898

版权

1.安装vscode的Eslint和prettier 插件

eslint：代码质量检查工具

https://eslint.nodejs.cn/docs/latest/use/getting-started

prettier：代码风格格式化工具

https://www.prettier.cn/docs/index.html

/*
eslint-config-airbnb-base airbnb 规范
eslint-import-resolver-typescript 解决@别名识别问题 
eslint-plugin-import 如果是npm yarn需要安装
*/
pnpm i eslint-config-airbnb-base eslint-plugin-import eslint-import-resolver-typescript  -D

eslint-config-airbnb-base airbnb ：airbnb代码质量规范

https://github.com/airbnb/javascript#events

eslint-import-resolver-typescript ：解决@别名识别问题

https://www.npmjs.com/package/eslint-import-resolver-typescript

2.根目录下新建eslint规则配置文件

.eslintrc.js 修改规则

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Z编程

关注关注

34
点赞
踩
14

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

react中使用eslint+prettier+airbnb校验代码风格

一只前端小菜鸟的博客

04-17

6782

刚开始学习react，发新官方脚手架里没有eslint，对于我这个有代码洁癖的人来说不能忍啊，下面是我引入eslint的过程一、安装依赖 npm i eslint eslint-config-airbnb eslint-config-prettier eslint-plugin-import eslint-plugin-jsx-a11y eslint-plugin-prettier eslin...

前端项目代码规范：ESLint和Prettier的配置与管理

qq_43416206的博客

03-09

3643

想象一下，ESLint就像是一个严格的老师，它会告诉你哪里的代码写得不够好，哪里可以改进。这是一个开源的 JavaScript 代码检测工具，自从2013年它出现以来，它就成为了JavaScript开发者的好伙伴。它的核心任务是提供一个可以定制的检查系统，让你能够根据自己的喜好来设定规则，保证你的代码既规范又统一。

参与评论您还未登录，请先登录后发表或查看评论

webpack配置篇（三十二）：使用ESLint规范构建脚本

学习前端这门手艺，栈底到栈顶依次是：浏览器架构、Web 网络、事件循环机制、JavaScript 核心、V8 的内存管理、浏览器的渲染流程、Web 安全、CSS、React、Vue、Node、构建工具链等

05-07

1055

说明玩转webpack学习笔记使用 ESLint 构建使用 eslint-config-airbnb-base eslint --fix 可以自动处理空格 module.exports = { "parser": "babel-eslint", "extends": "airbnb-base", "env": { "browser": true, "node": true } };

npm i问题：npm ERR! While resolving: @vue/eslint-config-standard@6.1.0npm ERR!

热门推荐

m0_37068028的博客

11-16

1万+

ESlint 配置eslit-aribnb安装地址https://www.npmjs.com/package/eslint-config-airbnb安装MAC安装方法，windows见以上网址( export PKG=eslint-config-airbnb; npm info "$PKG@latest" peerDependencies --json | command sed 's/[

eslint-config-airbnb

05-30

eslint-config-airbnb 这个包提供了 Airbnb 的 .eslintrc 作为可扩展的共享配置。用法我们导出三个 ESLint 配置供您使用。 eslint-config-airbnb 我们的默认导出包含我们所有的 ESLint 规则，包括 ECMAScript 6+ 和 React。它需要eslint 、 eslint-plugin-import 、 eslint-plugin-react和eslint-plugin-jsx-a11y 。安装每个包的正确版本，这些版本由命令列出： npm info " eslint-config-airbnb@latest " peerDependencies Linux/OSX 用户可以运行 ( export PKG=eslint-config-airbnb ; npm info " $PKG @lates

gitblog_00068的博客

05-15

697

TypeScript 项目 Airbnb 语法风格 ESLint 配置

吴钦飞

11-22

1459

安装：配置：.eslintrc.js: tsconfig.json: 错误：注意：

React项目个性化 eslint & prettier 配置指南

资源摘要信息: "react-config-eslint-prettier-airbnb-perso" 是一个为React项目配置ESLint和Prettier的指南或脚本集合，它遵循Airbnb的代码风格规范。ESLint是一个流行的JavaScript代码质量检查工具，可以帮助...

轻松配置React项目：ESLint结合Prettier和Airbnb指南

资源摘要信息:"ESLint+Prettier+Airbnb风格指南的React配置" ESLint是一种广泛使用的JavaScript代码质量检查工具，它可以发现代码中的问题，强制执行一套编码规范。Prettier是一个自动代码格式化的工具，可以保证...

eslint-config-jd:一套基于eslint-config-airbnb-base的eslint代码规范配置

04-27

eslint-config-jd 简介本项目以eslint-config-airbnb-base为基础，定制出了符合团队现状的ESLint 配置。添加的规则 { 'no-restricted-syntax': ['off', "BinaryExpression[operator = 'in']"], // don't require .vue extension when importing 'import/extensions': ['error', 'always', { js: 'never', vue: 'never', }], 'import/imports-first': 0, 'import/no-dynamic-require': 0, 'no-debugger': process.env.NODE_ENV === 'pro

前端开源库-eslint-config-airbnb-typescript

08-30

前端开源库-eslint-config-airbnb-typescripteslint配置airbnb typescript，airbnb的eslint配置，支持typescript

eslint-config-airbnb-babel:AirBNB针对Babel的规定

05-26

eslint-config-airbnb-babel Babel支持Airbnb的ESLint配置此配置扩展了AirBNB规则，以与。安装 npm install eslint-config-airbnb-babel --save-dev 配置必须在.eslintrc文件中使用的任何版本的AirBnB规则之后放置此配置： { " extends " : [ " airbnb " , " airbnb-babel " ] } :copyright:David J.Bradshaw 2020许可：麻省理工学院

tslint-config-airbnb, Airbnb JavaScript风格的TSLint配置.zip

09-17

tslint-config-airbnb, Airbnb JavaScript风格的TSLint配置 TSLint配置 Airbnb 一个用于Airbnb的TSLint配置安装npm install tslint-config-airbnb --save用法在 tslint.json 中：{ "ext

eslint-config-uncoil:从eslint-config-airbnb扩展的更漂亮的eslint配置

04-09

即用型兼容ESLint配置 eslint-config-uncoil Uncoil自己的，自以为是的eslint配置，开箱即用，可与Prettier一起使用。该软件包包含eslint-config-airbnb ESLint规则的扩展版本。它需要eslint ， eslint-config-airbnb ， eslint-plugin-import ， eslint-plugin-react ， eslint-plugin-jsx-a11y ， eslint-plugin-react-hooks和prettier 。 React函数命名约定有关React中Uncoil函数命名约定的详细信息，请参见。安装步骤确保使用正确的版本号安装软件包（请参见下文）。如果您的项目使用yarn，请运行yarn更新新程序包的yarn.lock。在您的.eslintrc中添加"extend

代码规范（1）之 vue-cli的eslint 和 Airbnb JavaScript Style

weixin_30552635的博客

02-27

2314

摆脱令人抓狂的ESlint 语法检测配置说明 Airbnb JavaScript 编码风格指南（2018年最新版） vue-cli脚手架build目录中的webpack.base.conf.js配置文件 eslint ESlint是一个语法规则和代码风格检查工具，可以用来保证代码风格统一，方便以后维护。使用vue-cli创建基本项目，默认安装ESlint。在build/web...

使用 `eslint-config-airbnb-typescript-prettier` 配置 ESLint、TypeScript 和 Prettier

gitblog_00480的博客

09-15

986

使用 eslint-config-airbnb-typescript-prettier 配置 ESLint、TypeScript 和 Prettier eslint-config-airbnb-typescript-prettier Airbnb's ESLint config with TypeScript and P...

开源项目 `eslint-config-airbnb` 使用教程

gitblog_00439的博客

08-07

642

开源项目 eslint-config-airbnb 使用教程 eslint-config-airbnbESLint Shareable Configs for Airbnb JavaScript Style Guide in Vue.js Projects项目地址:https://gitcode.com/gh_mirrors/es/eslint-config-airbnb 1. 项目的目录结构及...

Eslint & prettier & airbnb规范 配置

1.安装vscode的Eslint和prettier 插件

2.根目录下新建eslint规则配置文件

Eslint & prettier & airbnb规范配置