Пока что я пробовал 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.