65

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

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

4

6 に答える 6

92

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

コンパイルされたプレビューのCodepenスクリーンショット

于 2012-11-30T16:52:12.113 に答える
87

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

sass --watch style.scss:style.css 

ソース:

http://sass-lang.com/

.scssファイルの変更に気付いたときはいつでも、.css

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

于 2012-11-30T16:50:47.943 に答える
9

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

ここに画像の説明を入力してください

于 2017-04-12T01:31:21.550 に答える
7

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

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

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

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

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 

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

sudo gem install sass --no-user-install

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

sass --watch style.scss:style.css 

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

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

于 2017-08-01T10:39:50.813 に答える
5

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

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

sassをインストールする場合は、ターミナルgem install sassにrubyをインストールした後に入力します

ヒント:sassコンパイルSCSSファイル

于 2016-09-25T14:09:40.793 に答える
1

以下のコマンドを使用してRuby-sassをインストールします。sudoapt
-get-yupdate
sudo apt-get -y install ruby
​​-full sudo apt install ruby​​-sass
gem install bundler


sassSCSS_FILE_PATH:CSS_FILE_PATH;

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

于 2018-11-15T15:43:43.863 に答える