天天看點

Intellij Indea快速基于Eslint的代碼的格式化的配置公衆号前言配置檔案配置快捷鍵

Intellij Indea快速基于Eslint的代碼的格式化的配置

  • 公衆号
  • 前言
  • 配置檔案
  • 配置快捷鍵

公衆号

Intellij Indea快速基于Eslint的代碼的格式化的配置公衆号前言配置檔案配置快捷鍵

大家可以直接微信掃描上面的二維碼關注我的公衆号,大家可以在我的公衆号中擷取到java、資料庫、分布式、前端等各類技術的文章和視訊教程,歡迎大家掃描以上的二維碼關注我的微信公衆号。

前言

在我們的前端開發的時候,我們需要使用Eslint作為我們編寫的代碼的校驗,這是為了保證大家的代碼的編寫風格的一緻,以及防止一些無用的代碼的産生,是以建議大家在開發我們的前端工程的時候都把eslint給加上,但是加上eslint以後,我們發現格式化代碼不用使用我們的ctrl+alt+L這個快捷鍵,因為這個快捷鍵出來的不是我們所需要的格式化代碼,那怎麼辦呢,接下來就教大家如何實作格式化代碼。

配置檔案

File=>Settings=>Language & Frameworks => JavaScript =>Code Quality Tools => ESLint =>Manual Eslint configuration 選擇 .eslintrc 檔案如下所示:

Intellij Indea快速基于Eslint的代碼的格式化的配置公衆号前言配置檔案配置快捷鍵

.eslintrc.js這個檔案就在你目前工程的底下在你建立工程的時候設定了eslint的時候就有了,然後我們點選确定就可以完成了我們的eslint格式化的配置。

配置快捷鍵

File=>Settings=>Keymap=》搜尋框搜尋eslint如下所示:

Intellij Indea快速基于Eslint的代碼的格式化的配置公衆号前言配置檔案配置快捷鍵

接着滑鼠右鍵點選Fix ESlint Problems=>Add Keyboard Shortcut=>設定快捷鍵

Intellij Indea快速基于Eslint的代碼的格式化的配置公衆号前言配置檔案配置快捷鍵

ok到此我們就完成了我們eslint的設定了,這時候我們可以在我們的前端工程使用該快捷鍵,我們就可以快速的實作基于eslint的代碼的格式化了。

繼續閱讀