ホームページ 開発ツール VSCode vscodeでsassをcssに変換する方法

vscodeでsassをcssに変換する方法

Dec 28, 2019 pm 04:20 PM
css sass vscode

vscodeでsassをcssに変換する方法

vscode を使用して Sass を CSS に変換する方法:

1. Easy scss プラグインをインストールします (scss2css プラグインはインストールできないことに注意してください。競合やエラーの原因になります)

vscodeでsassをcssに変換する方法

2. css フォルダーを作成し、その中に .scss ファイルを作成します。

3. 保存すると、圧縮ファイルと非圧縮ファイルの 2 つの .css ファイルが自動的に作成されます。

4.最後にscssをcssに統一変換することもできます。右クリック---「コマンドパネル---」コンパイルコマンドを実行して、scssファイルをcssファイルに統一変換します

この記事は、PHP 中国語 Web サイトの vscode チュートリアル 列から引用しています。

以上がvscodeでsassをcssに変換する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットな記事タグ

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

vscode で Word ドキュメントを表示する方法 vscode で Word ドキュメントを表示する方法 vscode で Word ドキュメントを表示する方法 vscode で Word ドキュメントを表示する方法 May 09, 2024 am 09:37 AM

vscode で Word ドキュメントを表示する方法 vscode で Word ドキュメントを表示する方法

vscode でバックグラウンド更新を有効にする方法 vscode でバックグラウンド更新を有効にする方法 vscode でバックグラウンド更新を有効にする方法 vscode でバックグラウンド更新を有効にする方法 May 09, 2024 am 09:52 AM

vscode でバックグラウンド更新を有効にする方法 vscode でバックグラウンド更新を有効にする方法

vscode ワークスペースにファイルを追加する方法 vscode ワークスペースにファイルを追加する方法 vscode ワークスペースにファイルを追加する方法 vscode ワークスペースにファイルを追加する方法 May 09, 2024 am 09:43 AM

vscode ワークスペースにファイルを追加する方法 vscode ワークスペースにファイルを追加する方法

VScode でアニメーションのスムーズな挿入を設定する方法 アニメーションのスムーズな挿入を設定する VScode チュートリアル VScode でアニメーションのスムーズな挿入を設定する方法 アニメーションのスムーズな挿入を設定する VScode チュートリアル May 09, 2024 am 09:49 AM

VScode でアニメーションのスムーズな挿入を設定する方法 アニメーションのスムーズな挿入を設定する VScode チュートリアル

vscode で wsl 設定ファイルを無効にする方法 vscode で wsl 設定ファイルを無効にする方法 vscode で wsl 設定ファイルを無効にする方法 vscode で wsl 設定ファイルを無効にする方法 May 09, 2024 am 10:30 AM

vscode で wsl 設定ファイルを無効にする方法 vscode で wsl 設定ファイルを無効にする方法

Vscode でワークスペースの信頼権限を開く方法 Vscode でワークスペースの信頼権限を開く方法 Vscode でワークスペースの信頼権限を開く方法 Vscode でワークスペースの信頼権限を開く方法 May 09, 2024 am 10:34 AM

Vscode でワークスペースの信頼権限を開く方法 Vscode でワークスペースの信頼権限を開く方法

vscode で html を実行する方法 vscode で html を実行する方法 vscode で html を実行する方法 vscode で html を実行する方法 May 09, 2024 pm 12:25 PM

vscode で html を実行する方法 vscode で html を実行する方法

Vscode でアニメーションを開く方法 Vscode でアニメーションを開く方法の紹介 Vscode でアニメーションを開く方法 Vscode でアニメーションを開く方法の紹介 May 09, 2024 am 10:28 AM

Vscode でアニメーションを開く方法 Vscode でアニメーションを開く方法の紹介

See all articles