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