🎄teratailクリスマスプレゼントキャンペーン2024🎄』開催中!

\teratail特別グッズやAmazonギフトカード最大2,000円分が当たる!/

詳細はこちら
CSS3

CSS(Cascading Style Sheet)の第3版です。CSS3と略されることが多いです。色やデザインを柔軟に変更することが可能になります。

SCSS

SCSSは、SassのCSSメタ言語です。Webページのスタイルを指定するCSSを効率的に記述することができます。ネストと呼ばれる入れ子構造で記述するため、CSSの全体の記述量を減らせる点が特徴です。さらに変数も利用できるため、変更や修正の際に少ない作業量で対応することもできます。

HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

ファイルI/O

ファイルI/Oは、コンピューターにおけるファイルの入出力です。これは生成/削除やファイルを読み込んだり、出力をファイルに書き込むようなディレクトリやファイルの運用を含みます。

Sass

Sassは、プログラミング風のコードでCSSを生成できるスタイルシート言語です。 scss ファイルを、変換(コンパイル)してCSSファイルを作成します。

Q&A

解決済

1回答

5747閲覧

Live compile sassで[.min.css]ファイルが自動で作成されるのを無くしたい

ct_8725_yuiqui

総合スコア4

CSS3

CSS(Cascading Style Sheet)の第3版です。CSS3と略されることが多いです。色やデザインを柔軟に変更することが可能になります。

SCSS

SCSSは、SassのCSSメタ言語です。Webページのスタイルを指定するCSSを効率的に記述することができます。ネストと呼ばれる入れ子構造で記述するため、CSSの全体の記述量を減らせる点が特徴です。さらに変数も利用できるため、変更や修正の際に少ない作業量で対応することもできます。

HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

ファイルI/O

ファイルI/Oは、コンピューターにおけるファイルの入出力です。これは生成/削除やファイルを読み込んだり、出力をファイルに書き込むようなディレクトリやファイルの運用を含みます。

Sass

Sassは、プログラミング風のコードでCSSを生成できるスタイルシート言語です。 scss ファイルを、変換(コンパイル)してCSSファイルを作成します。

0グッド

0クリップ

投稿2021/03/19 13:31

vscodeでscssをすべく予めCSSフォルダとSASSフォルダを作成してSASSフォルダに「style.scss」を作成しました。CSSは空です。

ダウンロードしておいた「Live sass compile」の、settings.jsonで以下の内容をコピペしました。

「style.scss」にコードを書いて保存したときに、CSSフォルダに「style.css」が作成され、SASSフォルダに「style.scss」の他に「style.css」と「style.min.css」の2つのファイルが自動で作られてしまいました。

見本のサイトでは保存すると、SASSフォルダ内の「style.css」と「style.min.css」は作成されていません。

この2つのファイルが作成されないようにするにはどうすれば良いでしょうか?

私としては、「"savePath"」の記述を「/.css/」や「/.css」、に変えたりしてみましたが変化なしです。

{ "cSpell.userWords": [ "pgzrun" ], "editor.renderControlCharacters": false, "editor.fontSize": 18, "terminal.integrated.fontSize": 15, "python.pythonPath": "/Users/.pyenv/versions/3.8.5/bin/python", "tabnine.experimentalAutoImports": true, "window.zoomLevel": 0, "[html]": { "editor.defaultFormatter": "vscode.html-language-features" }, "emmet.triggerExpansionOnTab": true, "emmet.variables": { "lang": "ja", "charset": "UTF-8" }, "editor.renameOnType": true, "editor.minimap.enabled": false, "css.completion.completePropertyWithSemicolon": false, "files.autoSave": "off", // 以下をサイトからコピペしました "liveSassCompile.settings.formats": [ // Sassの出力方法の設定 { "format": "expanded", // expanded / nested / compact / compressed の4つから選択可 "extensionName": ".css", // .css拡張子で出力 "savePath": "~/../css" // .scssファイルからの相対的な出力先のフォルダを指定 } ], "liveSassCompile.settings.autoprefix": [ // ベンダープレフィックスを付与する条件 "last 2 versions", "ie >= 11", ], "liveSassCompile.settings.excludeList": [ // 除外するファイル ".vscode/**", // ], "liveSassCompile.settings.generateMap": false // ソースマップの出力有無

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

自己解決

「Live sass compiler」の他に「easy sass」もインストールしていたのですが、easy sassをアンインストールしたら、解決しました

投稿2021/03/22 11:45

ct_8725_yuiqui

総合スコア4

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.36%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問