SASS не работает в Visual Studio Code 1.33.0 - PullRequest
Новая
       19

SASS не работает в Visual Studio Code 1.33.0

0 голосов
/ 10 апреля 2019

Начал использовать визуальный студийный код для SASS.Создаем простой HTML, как показано ниже. 

<!DOCTYPE html>
   <html>
       <head>
        <title>SCSS Test</title>
        <link rel="stylesheet" href="./styles/main.scss">
       </head>
       <body>
           <header>
               <h1> Hello SCSS </h1>
               <button>Hello</button>
           </header>
           <div>
             <button>Submit</button>
             <div>
               <h1> Our Contact Info </h1>
               <p class="">This is our info</p>
             </div>
           </div>
        </body>
    </html>

Добавлена ​​папка с именем «styles», где я создал файл «main.scss», как показано ниже, и расширение «Live Sass Compiler» для создания файла CSS и карты.файл.

Файл SCSS: 

$primaryHeaderBack : lightblue;

header {
    background: $primaryHeaderBack;
}

Ожидаемый результат:

Заголовок Цвет фона отображается не голубым, а белым.Чтобы увидеть желаемый результат, что мне делать?Пожалуйста, помогите мне.

Ответы [ 2 ]

1 голос
/ 10 апреля 2019

@ Moibabrata, @ coops попросил вас связать ваш CSS-файл с вашим HTML, потому что, как только живой компилятор SASS запускается, SASS-файлы преобразуются в CSS-файлы, так как HTML-файл не может понять .sass , вы необходимо использовать .css , но не волнуйтесь, в вашем файле .css будет все, что вы вводите в файле .sass.

Вам не нужно когда-либо изменять свой файл .css, что бы вы ни делали в файле .sass , оно автоматически обновится в файле .css .

Итак, вместо этого: <link rel="stylesheet" href="./styles/main.scss">

Использование : <link rel="stylesheet" href="./styles/main.css">

Надеюсь, вы поняли.

0 голосов
/ 10 апреля 2019

Вы не можете напрямую использовать sass в html-файле, потому что он не работает. Но как вы можете использовать файл sass в html ??

Файлы SCSS - это файлы, которые необходимо преобразовать в файлы CSS (поэтому браузер знает, как их использовать). Вы можете видеть SCSS как любой другой язык высокого уровня, такой как C #; вы компилируете / встраиваете его в язык для цели (в данном случае для браузера).

Ответ: вы должны преобразовать свой sass-файл в css-файл. Вы можете сделать это с помощью cmd. Сначала откройте cmd и перейдите в папку проекта, затем напишите эту команду в cmd: 

sass scss\your_scss_filename css\your_css_filename

После запуска этой команды вы можете увидеть ее вывод в папке. Удачи.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...