Как включить автозаполнение для javascript ИМПОРТОВ в Visual Studio 2019

Question

Привет, я только начал работать над своим js проектом в VS studio 2019, и у меня возникли проблемы с ним. Простой пример моего компонента реагирования:

import React, { Component } from 'react';
extends Component {

    render() {
        return (
            <div>test</div>
        );
    }

    loginForm() {
        return(
            <div>
                <form >
                    <TextField label="Meno" />
                    <TextField label="Heslo" />
                </form>
            </div>
        );
    }

}

Я использую в LoginForm TextField из библиотеки материалов UI. Как я могу автоматически импортировать эту библиотеку? Я привык делать это с помощью Alt + Enter и выбирать, что я хочу импортировать, но здесь это не работает.

Answer 1

Убедитесь, что вы установили его сначала

npm install @material-ui/core

Затем импортируйте

import { TextField } from '@material-ui/core' 

---

Если вы хотите, чтобы VSCode автоматически предлагал импорт, вам необходимо сначала установить lib .

Тогда вы можете использовать плагин, такой как Eslint, чтобы сделать это за вас.