Sass не работает в скобках IDE

Я установил рубин на окна с помощью рубинового установщика, а затем установил sass с помощью командной строки Ruby.Sass не работает в скобках IDE

gem install sass

его шоу установлено успешно.и затем я попытался добавить один файл main.scss, но его не работает.

index.html

<!DOCTYPE html> 
<html> 
<head> 
<title>Page Title</title> 
    <link type="text/css" rel="stylesheet" href="main.scss"> 
</head> 
<body> 

<h1>This is a Heading</h1> 
<p>This is a paragraph.</p> 

</body> 
</html>

main.scss

$font-stack: Helvetica, sans-serif; 
$primary-color: #333; 

body { 
    font: 100% $font-stack; 
    color: $primary-color; 
}

источник

2016-07-16 Jasir alwafaa

Я делаю редактирование в вашем вопрос. Теперь ваш вопрос более ясен из предыдущего. –

Вы должны Кронштейны IDE для работы с Sass. Пожалуйста, смотрите мою Question для дальнейшей помощи.

источник

2016-07-16 07:35:10

Да, я работаю с скобками IDE и установленными скобами Плагин SASS ... Но не работает –

Дорогой, посмотри на мой вопрос, как он помогает мне, и Сасс работает на меня. Может быть, вы чего-то не хватает. Вам нужен правильный пошаговый учебник, который вы увидите в моем ответе. –

1) Вы по-прежнему необходимо включить файл CSS, а не SCSS в вашем index.html

<link type="text/css" rel="stylesheet" href="css/main.css">

2) Это пример brackets.json, чтобы ваш IDE знать о файле main.scss которые будут скомпилированы до ../css/main.css относительно вашего исходного файла:

{ 
    "sass.enabled": false, 
    "sass.compiler": "libsass", 
    "path": { 
     "scss/styles.scss": { 
      "sass.enabled": true, 
      "sass.options": {     
       "outputDir": "../css/", 
       "imagePath": null, 
       "sourceComments": false, 
       "outputStyle": "nested" 
      }, 
      "linting.collapsed": true 
     } 
    } 
}

источник

2016-07-16 07:50:32

Sass не работает в скобках IDE

ответ

Смежные вопросы