Я отвечу ужасным, нарисованным рукой комиком. Второе изображение является причиной того, что result
является undefined
в вашем примере кода.
, например:
// .vscode/settings.json in workspace
{
"files.associations": {
"*Container.js": "javascriptreact",
"**/components/*/*.js": "javascriptreact",
"**/config/routes.js": "javascriptreact"
}
}
Удерживайте Ctrl + Shift + P (или cmd на Mac), выберите «Change Language Mode» и там.
Но я все еще не могу найти способ сделать файлы, распознанные кодом VS с определенным расширением как некоторым определенным языком.
Это, например, приведет к тому, что файлы, заканчивающиеся на .variables
и .overrides
, будут обрабатываться так же, как и любой другой файл LESS. С точки зрения окраски кода, с точки зрения (авто) форматирования. Определите в пользовательских настройках или настройках проекта, как вам нравится.
(Семантический интерфейс использует эти странные расширения, если вам интересно)
TOOLS-> Опции-> Текстовый редактор-> Расширения файлов. Оттуда вы можете добавить расширение и выбрать известное расширение / язык, к которому вы хотите относиться.
Самый простой способ, который я нашел для глобальной ассоциации, - просто ctrl + km (или ctrl + shift + p и введите «change language mode») с файлом типа, который вы связываете с открытым.
В первом выборе будет «Настроить ассоциацию файлов для« x »(любой тип файла - см. прикрепленное изображение). Выбор этого делает постоянную ассоциацию filetype
Это может быть (возможно?) изменено с момента исходного вопроса / ответа, и я не знаю, когда), но это проще, чем ранее сделанные шаги редактирования вручную, и избегает необходимости обсуждать идентификаторы, которые могут быть не очевидны .
В Visual Studio Code вы можете добавить постоянные ассоциации файлов для выделения языка в ваш файл settings.json
следующим образом:
// Place your settings in this file to overwrite the default settings
{
"some_setting": custom_value,
...
"files.associations": {
"*.thor": "ruby",
"*.jsx": "javascript"
}
}
Вы можете открыть этот файл через меню: Файл> Настройки> Настройки. (Ctrl +, или Cmd +,)
Эта функция была впервые представлена в Visual Studio Code версии 1.0 (март 2016 г.). Проверьте доступные шаблоны шаблонов в примечаниях к выпуску и известных языковых строках в документации.
Привет, я придерживался другого подхода к решению практически той же проблемы, в моем случае я создал новое расширение, которое добавляет поддержку синтаксиса PHP для файлов Drupal, таких как .module и .inc): https://github.com/mastazi/VS-code-drupal
Как вы можете видеть в коде, я создал новое расширение, а не изменял существующее расширение PHP. Очевидно, что я объявляю зависимость от расширения PHP в расширении Drupal.
Преимущество этого в том, что если есть обновление для расширения PHP, моя пользовательская поддержка Drupal не теряется в процессе обновления.
Следуя шагам на , https://code.visualstudio.com/docs/customization/colorizer#_common-questions работал хорошо для меня:
Чтобы расширить существующий колоризатор, вы создали бы простой package.json в новой папке в .vscode / extensions и предоставили атрибут extensionDependencies, определяющий настройку, которую вы хотите добавить. В приведенном ниже примере добавляется расширение .mmd в раскрашиватель уценки. Обратите внимание, что не только имя extensionDependency соответствует настройке, но и идентификатор языка должен соответствовать идентификатору языка расширяемого вами колоризатора.
blockquote>{ "name": "MyMarkdown", "version": "0.0.1", "engines": { "vscode": "0.10.x" }, "publisher": "none", "extensionDependencies": [ "markdown" ], "contributes": { "languages": [{ "id": "markdown", "aliases": ["mmd"], "extensions": [".mmd"] }] } }
«cmd-k m» привязан к «workbench.action.editor.changeLanguageMode» по умолчанию, но я не нашел способ автоматически связать расширение файла с языковым режимом
Я нашел решение здесь: https://code.visualstudio.com/docs/customization/colorizer
Перейти к VS_CODE_FOLDER / resources / app / extensions / и там обновить package.json