Как включить автозаполнение (Emit) для React в коде Visual Studio

Чтобы включить автозаполнение (или «испускание») для React в Visual Studio Code, вы можете попробовать несколько способов:

Метод 1. Установите расширение ES7 React/Redux/GraphQL/React-Native

  1. Запустите код Visual Studio.
  2. Перейдите в представление «Расширения», щелкнув квадратный значок на левой боковой панели или нажав Ctrl+Shift+X.
  3. Найдите «ES7 React/Redux/GraphQL/React-Native» на рынке расширений.
  4. Установите расширение, созданное «dsznajder».

Метод 2. Настройка языковой службы JavaScript

  1. Откройте проект React в Visual Studio Code.
  2. Нажмите Ctrl+Shift+P, чтобы открыть палитру команд.
  3. Найдите «Настройки: Открыть настройки (JSON)» и выберите его.
  4. В файле settings.json добавьте следующую конфигурацию:
    "javascript.preferences.quoteStyle": "single",
    "javascript.preferences.importModuleSpecifier": "relative",
    "typescript.preferences.quoteStyle": "single",
    "typescript.preferences.importModuleSpecifier": "relative"

Метод 3. Использование языковой службы TypeScript

  1. Установите TypeScript глобально в вашей системе, запустив npm install -g typescriptв терминале или командной строке.
  2. Откройте проект React в Visual Studio Code.
  3. Создайте файл jsconfig.jsonв корневом каталоге вашего проекта.
  4. Добавьте следующую конфигурацию в файл jsconfig.json:
    {
     "compilerOptions": {
       "allowJs": true
     }
    }