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。