ブラケットIDEでSassが動作しない

rubyインストーラを使用してWindowsにrubyをインストールし、rubyのコマンドプロンプトを使用してsassをインストールしました。ブラケットIDEでSassが動作しない

gem install sass

その番組インストールsuccessfully.andは、私は1つの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を必要としています。私のQuestionを助けてください。

出典

2016-07-16 07:35:10

はい私はBracket IDEで作業しており、Brackets SASSプラグインをインストールしています...しかし、動作しません。 –

親愛なる、私の質問を参照してください。私とSassは私のために働いています。あなたが何かを見逃しているかもしれない。あなたは私の答えで表示されるステップチュートリアルで適切なステップが必要です。 –

1）あなたはまだSCSSこれはあなたのIDEがmain.scssファイルを知らせるための例brackets.jsonある）

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

2あなたのindex.htmlで、CSSファイルを含める必要はありませんソースファイルに対して../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

ブラケットIDEでSassが動作しない

答えて

関連する問題