このコードを標準のCSSに変換する方法を知っている人はいますか?エディターでは機能していません。
CodePenのタイトルCSS (SCSS)
をクリックすると(ギアでプリプロセッサを変更しないでください)、コンパイルされたCSSビューに切り替わります。
ターミナルで、systlesheetsがあるフォルダーでこのコマンドを実行します。
sass --watch style.scss:style.css
ソース:
.scss
ファイルの変更に気付くと、.css
を更新します
これは、.scss
がローカルマシンにある場合にのみ機能します。コードをファイルにコピーして、ローカルで実行してみてください。
これはオンライン/オフラインのソリューションであり、変換が非常に簡単です。SCSSからCSSへのコンバータ
まず、マシンにない場合は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がローカルマシン上にある場合にのみ機能します。コードをファイルにコピーして、ローカルで実行してみてください。
sass /sassFile.scss /cssFile.css
を使用できます
重要:
sass
コマンドを使用する前に、Rubyをインストールしてからsassをインストールする必要があります。Sassをインストールするには、Rubyインストール後に
gem install sass
をTerminalに入力しますヒント:sass compile
SCSS
ファイル
以下のコマンドを使用して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;