Мне очень нравится узнавать больше о своей среде разработки. Инвестируя в окружающую среду и наращивая мышечную память, вы станете лучшим разработчиком.

Как только я начал погружаться в VSCode, меня сразу же поразили все доступные утилиты. Так много расширений и настроек, которые вы можете сделать, чтобы сделать вашу среду дружелюбной, эффективной и увлекательной.

Все внутри VSCode настраивается.

Итак, когда я начал работать с Ruby, мне пришлось начать рендеринг файлов представления, и наиболее распространенным шаблоном для использования является файл ERB. Внутри этого файла мне пришлось написать больше html, и я подумал, что не смогу сделать это с моим лучшим другом Эмметом ... Я был неправ, и я покажу вам, как получить доступ к Эммету внутри ваших файлов ERB.

Эммет -

VSCode поставляется с Emmet, так что вам не нужно беспокоиться о загрузке, просто о том, чтобы познакомиться с его фантастической функциональностью.

Emmet - это подключаемый модуль для многих популярных текстовых редакторов, который значительно улучшает рабочий процесс HTML и CSS: »- emmet.io

Эммет автоматически вставляет открывающие и закрывающие теги элемента и многое другое. Используя ярлыки, вы можете повысить свою продуктивность, не теряя терпения.

Вот ссылка на их сайт! А если вам нужно быстрое ежедневное напоминание или обновление, вы можете подписаться на меня в твиттере на KeyBoard ShortCuts.

Но Emmet доступен только внутри HTML-документов. Так что давайте заставим это работать в наших view.index.erb файлах!

  1. ⌘ +, чтобы открыть настройки.
  2. В строке поиска введите emmet
  3. На вкладке Include Languages выберите Add Item
  4. Это добавит его в settings.json, для которого требуется объект json, пара ключ: значение.
  5. Добавьте erb в качестве ключа и html в качестве значения.
  6. Добавьте ruby в качестве ключа и html в качестве значения.

Теперь у вас есть доступ к Emmet внутри ваших представлений для erb файлов Ruby on Rails!