Added a note with instructions on eslint plugin configuration (#348)

* Added a note with instructions on eslint plugin configuration

Since the only editor that I found the issue was Atom, I added
just the instruction for the linter-eslint plugin.

* Change the format of the instructions and add screenshot.
This commit is contained in:
Diego Cardoso
2016-08-03 19:52:27 -03:00
committed by Dan Abramov
parent 6b2a484b7c
commit cacabba121

View File

@@ -273,7 +273,7 @@ import 'bootstrap/dist/css/bootstrap-theme.css';
```js
import { Navbar, Jumbotron, Button } from 'react-bootstrap';
```
```
Now you are ready to use the imported React Bootstrap components within your component hierarchy defined in the render method. Here is an example [`App.js`](https://gist.githubusercontent.com/gaearon/85d8c067f6af1e56277c82d19fd4da7b/raw/6158dd991b67284e9fc8d70b9d973efe87659d72/App.js) redone using React Bootstrap.
@@ -285,7 +285,14 @@ Some editors, including Sublime Text, Atom, and Visual Studio Code, provide plug
They are not required for linting. You should see the linter output right in your terminal as well as the browser console. However, if you prefer the lint results to appear right in your editor, there are some extra steps you can do.
You would need to install an ESLint plugin for your editor first.
You would need to install an ESLint plugin for your editor first.
>**A note for Atom `linter-eslint` users**
>If you are using the Atom `linter-eslint` plugin, make sure that **Use global ESLint installation** option is checked:
><img src="https://i.imgsafe.org/24b793bcf2.png" width="300">
Then make sure `package.json` of your project ends with this block:
```js