web-dev-qa-db-ja.com

scssをcssに変換します

このコードを標準のCSSに変換する方法を知っている人はいますか?エディターでは機能していません。

http://codepen.io/andymcfee/pen/eyahr

59
Barbara

CodePenのタイトルCSS (SCSS)をクリックすると(ギアでプリプロセッサを変更しないでください)、コンパイルされたCSSビューに切り替わります。

Codepen Screenshot of Compiled Preview

87
y8r

ターミナルで、systlesheetsがあるフォルダーでこのコマンドを実行します。

sass --watch style.scss:style.css 

ソース:

http://sass-lang.com/

.scssファイルの変更に気付くと、.cssを更新します

これは、.scssがローカルマシンにある場合にのみ機能します。コードをファイルにコピーして、ローカルで実行してみてください。

80
joshuahornby10

これはオンライン/オフラインのソリューションであり、変換が非常に簡単です。SCSSからCSSへのコンバータ

enter image description here

10
dinindu

まず、マシンにない場合はRubyをインストールする必要があります。

1.ターミナルウィンドウを開きます。 2.Rubyのコマンドを実行します。

/usr/bin/Rubyなどのパスが表示される場合、Rubyがインストールされています。応答が表示されないか、エラーメッセージが表示される場合、Rubyはインストールされていません。現在のバージョンのRubyがあることを確認するには、Ruby -vコマンドを実行します。

Rubyがマシンにインストールされていない場合、

Sudo apt-get install Ruby2.0
Sudo apt-get install Ruby2.0-dev
Sudo update-alternatives --install /usr/bin/gem gem /usr/bin/gem2.0 1 

その後、このコマンドを実行してSass gemをインストールします

Sudo gem install sass --no-user-install

次に、任意の.sassファイルをコピーまたは追加し、そのファイルパスに移動してから、

sass --watch style.scss:style.css 

.scssファイルの変更に気付くと、.cssが更新されます

これは、.scssがローカルマシン上にある場合にのみ機能します。コードをファイルにコピーして、ローカルで実行してみてください。

6
Rahi.Shah

sass /sassFile.scss /cssFile.cssを使用できます

重要:sassコマンドを使用する前に、Rubyをインストールしてからsassをインストールする必要があります。

Sassをインストールするには、Rubyインストール後にgem install sassTerminalに入力します

ヒント:sass compile SCSSファイル

4
AmerllicA

以下のコマンドを使用してRuby-sassをインストール
sudo apt-get -y update
Sudo apt-get -y install Ruby-full
Sudo aptインストールRuby-sass
gem install bundler


sass SCSS_FILE_PATH:CSS_FILE_PATH;

例:sass mda/at-md-black.scss:css/at-md-black.css;

1
Sagar Jadhav