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 文件如下所示:
在這裏插入圖片描述
.eslintrc.js這個文件就在你當前工程的底下在你創建工程的時候設置了eslint的時候就有了,然後我們點擊確定就可以完成了我們的eslint格式化的配置。

配置快捷鍵

File=>Settings=>Keymap=》搜索框搜索eslint如下所示:
在這裏插入圖片描述
接着鼠標右鍵點擊Fix ESlint Problems=>Add Keyboard Shortcut=>設置快捷鍵
在這裏插入圖片描述
ok到此我們就完成了我們eslint的設置了,這時候我們可以在我們的前端工程使用該快捷鍵,我們就可以快速的實現基於eslint的代碼的格式化了。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章