react eslint 代碼格式補全的插件

1. 全局安裝 eslint

npm install -g eslint

npm install -g babel-eslint

npm install -g eslint-config-airbnb

npm install -g eslint-plugin-jsx-a11y

npm install -g eslint-plugin-react

npm install -g eslint-plugin-import

 

npm install -g eslint babel-eslint eslint-config-airbnb eslint-plugin-jsx-a11y eslint-plugin-react eslint-plugin-import

 

 

2.安裝sublime插件：

1.SublimeLinter

2.SublimeLinter-contrib-eslint

3. ESLintAutoFix

 

如果首次安裝插件，需先安裝Package Control以下：

  經過快捷鍵 ctrl+` 或者 View > Show Console 菜單打開控制檯，粘貼以下並回車再重啓Sublime Text 3：

import  urllib.request,os;pf='Package Control.sublime-package';ipp=sublime.installed_packages_path();urllib.request.install_opener(urllib.request.build_opener(urllib.request.ProxyHandler()));open(os.path.join(ipp,pf),'wb').write(urllib.request.urlopen('http://sublime.wbond.net/'+pf.replace(' ','%20')).read())

安裝插件步驟：

1. shift+ctrl+p調出命令板，輸入install package 並回車

2. 等待幾分鐘後在列表中輸入要安裝的插件名並回車。

 

注：

安裝完ESLintAutoFix插件後，mac系統需在

Prefrences->package settings->EslintAutoFix->Settings-User 中添加以下：

{

"eslint_path": "/usr/local/bin/",

"show_panel": true

}

windows系統該插件尚有bug

3.使用：

 

l  命令行使用：

1.自動修復補全空格命令：

有兩種方式可使用配置文件。第一種是將文件保存到你喜歡的地方，而後將它的位置使用 -c 選項傳遞命令行，好比：

eslint -c myconfig.json myfiletotest.js

第二種方式是經過 .eslintrc.* 和 package.json。ESLint 將自動在要檢測的文件目錄裏尋找它們，緊接着是父級目錄，一直到文件系統的根目錄，如：

eslint myfiletotest.js --fix

 

   2.檢測代碼格式：

eslint myfiletotest.js

 

l  sublime插件使用：

winsdows默認快捷方式ctrl+shift+,，在Prefrences->package settings->EslintAutoFix->Settings-User中可修改。.

或選中代碼，shift+ctrl+p調出命令板，輸入eslintautofix。