Изменение языка на JSX в коде Visual Studio

Код Visual Studio теперь поддерживает JSX на версии 0.8, но выглядит как единственный способ активировать его с расширением файла .jsx. Его нет в списке, чтобы изменить языковой режим вручную, ближайший вариант - JavaScriptReact, но он не анализирует теги JSX.

У меня есть проект с большим количеством файлов .js с JSX, и я не могу его изменить.

Есть ли другой способ использования синтаксиса JSX без расширения .jsx?

Ответ 1

Теперь существует расширение VS Code, которое позволяет .js файлам обрабатываться как .jsx файлы.

К сожалению, readme для расширения также предупреждает:

когда вы устанавливаете это расширение, вы потеряете всю существующую поддержку языка, предоставляемую для файлов .js.

К счастью, VS Code сейчас очень близок к использованию Salsa, что означает, что проблема js-is-jsx должна быть полностью решена.

Ответ 2

Измените настройки пользователя или настройки рабочей области, как показано ниже:

// Place your settings in this file to overwrite the default settings
{
    "files.associations": {
        "*.js": "javascriptreact"
    }
}

Примечание. Возможно, потребуется перезапустить VSCode.

Ответ 3

Я мог бы это сделать, но "not React JS files" также отображаются в режиме JavaScriptReact.

открыть файл C:\Program Files (x86)\Microsoft VS Code\resources\app\plugins\vs .language.javascript\syntaxes\javascriptreact.json(возможно, нужно открыть с правами администратора.)
измените "jsx" на "js" в массиве "fileTypes".
перезапустить приложение, закрыть открытые js файлы и снова открыть.

Ответ 4

Пришло время понять это, но - JSX уже является частью Emmet, который является частью VS Code. Я также сказал Emmet (дополнительно) сделать фрагменты JSX доступными в обычных JS файлах.

Просто поместите это в свой файл настроек:

"emmet.syntaxProfiles": {
    "javascript": "jsx"
}

Ответ 5

Просто установите расширение:

Нажмите F1 (в коде Visual Studio)
Введите "расширение" в появившемся текстовом поле
Выберите "Расширения: установите расширение"
Введите "ext install jsx"
Перезапустить код Visual Studio

Источник:

https://code.visualstudio.com/docs/editor/extension-gallery?pub=TwentyChung&ext=jsx https://marketplace.visualstudio.com/items/TwentyChung.jsx

Ответ 6

Попробуйте использовать ссылку на Mac или Linux.

ln -s index.ios.js index.ios.jsx