1. 程式人生 > >react native開發中eslint配置和初始化

react native開發中eslint配置和初始化

先簡單介紹一下mac系統環境下,eslint的配置。

首先開啟命令列工具,cd到專案根目錄下。

一次輸入命令並等待下載完成。

npm install eslint --save-dev

npm install eslint-config-airbnb --save-dev(這個是airbnb的規則)

npm install eslint-plugin-import --save-dev

npm install eslint-plugin-jsx-a11y --save-dev (airbnb規則依賴於這個庫)

npm install eslint-plugin-react --save-dev

這幾個庫需要一起配合使用,少一個都會報錯。

命令中--save的意思是將庫的記錄儲存到專案目錄下的package.json檔案中,用於記錄專案的依賴庫。由於依賴庫檔案繁雜且體積大,上傳到版本庫浪費時間,所以利用package.json來記錄依賴。當下載程式碼到新電腦上時,只需要執行npm install,npm就會到網路中下載專案的所有依賴。

而-dev表示package.json中devDependencies節點下的所有依賴,這些依賴只在開發環境中生效,在正式版本的應用生成過程中不會被編譯。由於eslint只是開發輔助外掛,所以使用-dev選項。

下載好依賴之後就可以執行命令:

eslint --init

進行玩關於eslint配置的選擇之後會在工程根目錄生成eslintrc檔案,這個檔案儲存了eslint的配置,可以隨時修改。