背景：

• 好久沒有寫文章，今天看到一個比較勁爆的消息。Airbnb退出中國市場，我第一時間想到，有時間寫下就下了這篇文章

Airbnb的發展介紹

• Airbnb是AirBed and Breakfast（"Air-b-n-b"）的縮寫，中文名：愛彼迎 ?。愛彼迎是一家聯系旅游人士和家有空房出租的房主的服務型網站，它可以為用戶提供多樣的住宿信息。2011年，Airbnb服務令人難以置信地增長了800%。

• Airbnb成立于2008年8月，總部設在美國加州舊金山市。Airbnb是一個旅行房屋租賃社區，用戶可通過網絡或手機應用程序發布、搜索度假房屋租賃信息并完成在線預定程序。據官網顯示 ?以及媒體報道 ，其社區平臺在191個國家、65,000個城市為旅行者們提供數以百萬計的獨特入住選擇，不管是公寓、別墅、城堡還是樹屋。Airbnb被時代周刊稱為“住房中的EBay”。2020年8月19日，Airbnb宣布已提交上市申請 ?。

• 2022年5月24日，愛彼迎中國宣布，于2022年7月30日起，暫停支持境內游房源、體驗及相關預訂，全面服務出境游。

Airbnb對前端的貢獻

• 在我看來，最重要的是eslint-config-airbnb

• 每周下載量在npm達到了300多萬次

• 很多無法自己設計eslint規則的公司/項目都是用的這個airbnb的eslint基礎規則

npm地址：https://www.npmjs.com/package/eslint-config-airbnb

項目接入Airbnb的eslint規則

npx?install-peerdeps?--dev?eslint-config-airbnb

• 安裝airbnb-typescript規則

npm?install?eslint-config-airbnb-typescript?@typescript-eslint/eslint-plugin@^4.29.3?@typescript-eslint/parser@^4.29.3?--save-dev

• 配置.eslintrc.json

{"root":?true,"parser":?"@typescript-eslint/parser","parserOptions":?{"ecmaVersion":?12,"sourceType":?"module","ecmaFeatures":?{"jsx":?true},"project":?"./tsconfig.eslint.json"},"env":?{"browser":?true,"node":?true},"plugins":?["@typescript-eslint"],"extends":?["airbnb","airbnb-typescript","airbnb/hooks"],"ignorePatterns":?["node_modules/",?"build/",?"dist/",?"e2e/"] }

打造屬于自己的前端工程質量檢測體系

• 實現每次git-commit之前統一美化代碼，并且用eslint檢測，強制格式化（如果出現error級別錯誤就不能commit成功），通過之后再檢測git-commit-msg是否符合規范

• 使用husky這個庫,觸發git的pre-commit鉤子：

"husky":?{"hooks":?{"pre-commit":?"lint-staged","commit-msg":?"commitlint?-E?HUSKY_GIT_PARAMS"}},"lint-staged":?{"src/**/*.{js,jsx,ts,tsx,json}":?["prettier?--write","eslint?--fix","git?add"]},

• 使用prettier這個庫實現統一美化代碼：

//.prettierrc {"printWidth":?120,"tabWidth":?4,"singleQuote":?true,"trailingComma":?"es5" }

• 使用 @commitlint/cli和 @commitlint/config-conventional這個庫幫我們檢測commit-msg信息是否符合規范

想要體驗的朋友們，可以一鍵體驗我們的腳手架模版，選擇通用模板即可

npm?i?ykj-cli?-g? ykj?init?App cd?App

• 這個時候更改代碼，然后git commit，就會觸發這個質量檢測流程

最后

Airbnb的eslint規則，是很多開源項目的首選，是一個優秀的規則，建議大家沒有特殊的需求，都可以以它的為基準再拓展。

總結

以上是生活随笔為你收集整理的Airbnb背后周下载量数百万的Eslint-Airbnb的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。