Есть ли способ получить intellisense для содержимого внутри импортированных частей в VS Code?

#sass #visual-studio-code #intellisense

#нахальство #visual-studio-код #intellisense

Вопрос:

У меня есть a styles.scss и a partial , которые содержат некоторые цветовые переменные _colors.scss .

_colors.scss :

 $primary: #009688;
$secondary: #4caf50;

styles.scss :

 @import 'colors';

.blurred {
    color: $primary;
    filter: blur(2px);
}

Это работает, но я хотел бы иметь возможность использовать intellisense для $primary переменной, как если бы она была объявлена в styles.scss . Есть ли функция / расширение, доступное для VS code, которое может это сделать?

1. Есть ли причина для добавления тега Less?

2. Раньше не использовал less, но, насколько мне известно, у него тоже есть части

3. Вроде да, но если вы хотите, чтобы ваш вопрос касался частичных файлов в целом, тогда, возможно, вам следует переформулировать вопрос и сделать его общим. Я никогда не работал с VS, и для Less и Sass могут быть разные решения.

4. Вопрос о частичных файлах. Но «частичный препроцессор css» не является и, вероятно, никогда не будет тегом.

5. Я не вижу вопроса на самом деле о частичных файлах. Это практически любой импортированный (как в «включенном») код Sass / Less в файле Less / Sass соответственно. (Технически эта «частичная» вещь довольно сложна в этом контексте, поскольку речь идет о подсветке синтаксиса, поэтому в конце концов используется язык Sass / Less, а «частичный» — это исключительно функция инструмента компиляции).

Ответ №1:

Установите SCSS IntelliSense

https://marketplace.visualstudio.com/items?itemName=mrmlnc.vscode-scss

Источник изображения

Хотя предварительного просмотра цвета нет https://github.com/mrmlnc/vscode-scss/issues/13

потому что vscode пока не поддерживает это, и нет плана его добавления https://github.com/mrmlnc/vscode-scss/issues/29