Sass funktioniert nicht in Brackets IDE

Ich habe Ruby auf Windows mit Ruby Installer installiert und dann installiert Sass mit Ruby's Eingabeaufforderung.Sass funktioniert nicht in Brackets IDE

seine Shows erfolgreich installiert.und dann habe ich versucht, eine main.scss Datei hinzuzufügen, aber es funktioniert nicht.

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; 
}

Quelle

2016-07-16 Jasir alwafaa

Ich mache eine Bearbeitung in Ihrer Frage. Jetzt ist deine Frage klarer von vorher. –

Sie benötigen Brackets IDE mit Sass zu arbeiten. Bitte sehen Sie meine Question für weitere Hilfe.

Quelle

2016-07-16 07:35:10

Ja, ich arbeite mit Brackets IDE und installierten Brackets SASS Plugin ... Aber funktioniert nicht –

Sehr geehrte meine Frage, es hilft mir und Sass arbeitet für mich. Vielleicht verpasst du etwas. Sie benötigen Schritt für Schritt Anleitung, die Sie in meiner Antwort sehen werden. –

1) Sie müssen noch die CSS-Datei enthalten, nicht die SCSS in Ihrer index.html

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

2) Dies ist ein Beispiel brackets.json IDE über eine main.scss Datei wissen zu lassen, das wird zu ../css/main.css relativ zu Ihrer Quelldatei kompilieren:

{ 
    "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 
     } 
    } 
}

Quelle

2016-07-16 07:50:32

Antwort

Verwandte Themen