Чтобы включить автозаполнение (или «испускание») для React в Visual Studio Code, вы можете попробовать несколько способов:
Метод 1. Установите расширение ES7 React/Redux/GraphQL/React-Native
- Запустите код Visual Studio.
- Перейдите в представление «Расширения», щелкнув квадратный значок на левой боковой панели или нажав
Ctrl+Shift+X. - Найдите «ES7 React/Redux/GraphQL/React-Native» на рынке расширений.
- Установите расширение, созданное «dsznajder».
Метод 2. Настройка языковой службы JavaScript
- Откройте проект React в Visual Studio Code.
- Нажмите
Ctrl+Shift+P, чтобы открыть палитру команд. - Найдите «Настройки: Открыть настройки (JSON)» и выберите его.
- В файле settings.json добавьте следующую конфигурацию:
"javascript.preferences.quoteStyle": "single", "javascript.preferences.importModuleSpecifier": "relative", "typescript.preferences.quoteStyle": "single", "typescript.preferences.importModuleSpecifier": "relative"
Метод 3. Использование языковой службы TypeScript
- Установите TypeScript глобально в вашей системе, запустив
npm install -g typescriptв терминале или командной строке. - Откройте проект React в Visual Studio Code.
- Создайте файл
jsconfig.jsonв корневом каталоге вашего проекта. - Добавьте следующую конфигурацию в файл
jsconfig.json:{ "compilerOptions": { "allowJs": true } }