Настройка FileWatcher для форматирования кода за три простых шага
Теперь, когда Deno вышла на первую версию, все больше разработчиков начинают экспериментировать и смотреть, что он может предложить.
Для меня одна из самых крутых вещей, которая выходит из коробки с установкой Deno, - это fmt.
Этот инструмент форматирования стандартизирует код обозначений. Больше никаких споров о табуляциях или пробелах, висячих запятых и т. Д.! Счастливые дни, мы можем сосредоточиться на коде, а не на стиле кода.
Кстати, это та же идея, что и Co fmt, и это одна из причин, по которой мне тоже так нравится Go (это мелочи).
Я использую WebStorm в качестве основной среды разработки JavaScript / TypeScript. Я ничего не имею против альтернатив, таких как VSCode - используйте все, что вам нравится, и все, что помогает вам быть продуктивным, - это моя мантра, но для меня Webstorm предлагает несколько качеств жизни, которых нет в VSCode и др.
Настройка FileWatcher
Мне нравится, когда я редактирую fmt - я не хочу, чтобы мне приходилось запускать что-то вручную, когда я закончил работу. Здесь пригодится FileWatcher, и вот как я его настроил.
- Откройте «Настройки» / «Настройки» и перейдите к «Наблюдателям за файлами».
2. Добавьте нового наблюдателя, выбрав настраиваемый шаблон.
3. Заполните необходимые параметры. Дайте наблюдателю имя (я использовал Deno Fmt). Для Программы используйте deno, а для Аргументов используйте fmt $FileName$. Для Типа файла убедитесь, что вы выбрали TypeScript из списка и ограничили Область до Файлы проекта.
$FileName$ - это встроенный макрос. Все, что он делает, это передает наблюдателю текущее имя файла, включая расширение.
4. Наслаждайтесь форматированным кодом!
Вот и все - три простых шага, и ваш код будет форматироваться по мере вашей работы. При первом запуске файла вы можете получить диалоговое окно с предупреждением о том, что файл был изменен, в таком случае просто примите изменения.
