Я люблю хорошего редактора. Все отличные инструменты, intellisense, автозаполнение и все добро и эффективность. Интеллектуальные инструменты - огромная часть того, что делает наш день интересным. Вы не согласны?

Например, когда я открываю Visual Studio Code (он же VS Code), и он распознает тип файла, который я редактирую, он включает все соответствующие функции инструментов. Машинопись, JavaScript, файлы докеров, файлы Vue… все работает отлично! Иногда нам нужно загрузить расширение, чтобы некоторые из них загорелись (например, файлы Vue с расширением Vetur).

Как вы понимаете, мне становится грустно, когда я открываю файл и не получаю никакой помощи от инструмента. Никакого цветового кодирования ключевых слов, никакого форматирования, никакого intellisense, ничего! Это случается редко, но когда это происходит, есть простое решение. Один случай - это .vuerc файл.

Связанные файлы

Вот пример. При кодировании с помощью Vue иногда нам нужно просмотреть или отредактировать .vuerc файл. Здесь Vue хранит все сохраненные пресеты Vue CLI. Если мы откроем файл (хранящийся на моем компьютере в ~/.vuerc) в VS Code, мы увидим файл без специальных инструментов. VS Code по умолчанию не может определить, что делать с этим точечным файлом.

К счастью, есть простое решение. Откройте свои настройки (CMD + на Mac или CTRL + в Windows) и введите ассоциацию файлов. Мы можем сделать это с помощью пользовательского интерфейса настроек или настроек JSON, оба варианта позволяют редактировать ваши настройки.

Затем введите файловую ассоциацию для файла .vuerc, чтобы VS Code знал, что он должен содержать JSON.

"files.associations": {
  ".vuerc": "json"
}

Приведенный выше код связывает этот файл с JSON. Мы также можем добавить сопоставление с образцом, если хотим связать все файлы, соответствующие определенному образцу именования.

Вы можете узнать больше об этой функции по этой ссылке в документации VS Code.

Теперь мы знаем, как получить отличные инструменты для всех наших файлов!