> For the complete documentation index, see [llms.txt](https://gpeterhand.gitbook.io/react/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://gpeterhand.gitbook.io/react/instrumenty/vscode.md).

# VSCode

Редактор исходного кода

**Источники:**

* darkwire. [Используем VS Code для Веб-разработки](https://habrahabr.ru/post/276825/) \[8 февраля 2016]
* Volodymyr Golosay [О том, как я перешел с PhpStorm на VS Code](https://golosay.net/from-phpstorm-to-vs-code/) \[4 июня 2017]
* RUVDS.com. [Отладка React-приложений в VS Code](https://habrahabr.ru/company/ruvds/blog/341878/) \[9 ноября 2017]
* [Using React in VS Code](https://code.visualstudio.com/docs/nodejs/reactjs-tutorial) \[официальная документация VSCode]

Загрузите и установите [VSCode](https://code.visualstudio.com/).

После запуска VSCode:

* установите расширение [ESLint](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint)
* в параметрах пользователя (Ctrl+,) добавьте опции (сохранять и исправлять файлы при потере редактором фокуса): "files.autoSave": "onFocusChange", ***"eslint.autoFixOnSave": true***
* в качестве терминала вместо cmd лучше использовать bash

**Примечание:**

*Так как мы ранее настроили связку **ESLint+Prettier**, то **расширение Prettier** для VSCode устанавливать не нужно*

**Также для удобства рекомендуется установить расширения:**

* [Auto Close Tag](https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-close-tag) - автоматическое закрытие тегов
* [Auto Rename Tag](https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag) - автоматическое переименование закрывающего тега
* [Bracket Pair Colorizer](https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer) - раскрашивание парных скобок
* [Material Icon Theme](https://marketplace.visualstudio.com/items?itemName=PKief.material-icon-theme) - красивые иконки для папок и файлов

**Примечание:** все файлы создавать в кодировке **UTF-8**, концы строк - **LF** (Unix)