Пока что я пробовал Atom, VS Code и некоторые другие. VS Code мне больше всего нравится, потому что… автозаполнение, расширения, встроенный терминал, интеграция с Git, параллельные вкладки и т. Д.

1. Установите VS Code (один раз на машину)

Из VS Code.

2. Установите стандартный плагин JS VS Code (один раз на машину).

У меня немного ОКР, поэтому я предпочитаю быть последовательным. Standard JS - это набор соглашений о стилях и библиотека, которая обеспечивает соблюдение некоторых стандартов стиля.

В VS Code выберите View > Extensions. Затем найдите и установите vscode-standardjs.

3. Установите Document This extension (один раз на машину).

Продолжая плагины, вдохновленные OCD, этот плагин упрощает добавление документации к функциям в JS.

В VS Code выберите View > Extensions. Затем найдите и установите Document This. Затем в любом файле JS вы просто набираете /**, а затем ключ ENTER, и он сгенерирует быстрый комментарий документации со всеми параметрами. Затем документация отображается всякий раз, когда вы используете этот метод.

4. Установите пакеты для работы Standard JS.

yarn add --dev standardjs в каталоге проекта npm. Или npm install --save-dev standardjs, если вы еще не перешли на использование пряжи вместо npm.

5. Настройте дополнительные функции в VS Code (один раз для каждого проекта).

Вы увидите множество вариантов, но они мне нравятся.

В VS Code выберите Code > Preferences > Settings. На правой панели появится список параметров, которые нужно изменить. Выберите WORKSPACE SETTINGS и введите следующее:

{
  "files.autoSave": "afterDelay",
  "editor.tabSize": 2,
  "editor.formatOnSave": false,
  "standard.autoFixOnSave": true,
}

Первая строка делает так, что вам не нужно беспокоиться о сохранении (я все еще делаю это по привычке). Второй вариант - сделать код более компактным и установить размер табуляции на 2 пробела. Третий требуется для того, чтобы вы могли использовать последний. Последняя настройка будет автоматически форматироваться (на основе стандартного стиля) каждый раз при сохранении. Это в сочетании с автосохранением делает так, что ваши файлы всегда согласованы (небеса OCD :))

Изменение этого файла приведет к созданию нового файла под settings.json, который вы должны добавить в систему управления версиями.

Понравилась эта статья? Дайте ему несколько хлопков и поделитесь им! Знаете, как лучше сделать что-то или просто хотите поздороваться? Напишите мне на eric.vera на gmail.com.