Node.js SCSSのインストール

Node.インストールjs

はっきりと... 仁河が設置されているのを聞いています.これを再利用しようとしたが、元の姿が思い出せなかった. ううう
どこへ行っても使いました.  Sass, SCSS  使いました!  表示 話もインストールします. 知らなかったのでガタガタしたくなかったので、思い切ってビデオテープに文章を書くことにしました.インストール方法を忘れないで!

https://nodejs.org/en/   まずノードjsパッケージからインストールを開始
LTSバージョンは現在のバージョンより安定しているため、「LTS」バージョンのインストールを強くお勧めします.😅😅

v-16.1.31ですが、いつでも変更できます.

パッケージインストール後のVSCODE コンソールウィンドウでも端末でも、node -vコマンドでバージョンが正しくインストールされているかどうかを確認できます.

npm

Node.jsのインストール後、姉妹製品として付属の製品があります.
直接npmに入る

npmもnpm -v コマンド入力時に良いバージョンを表示します😊
VSCDEにnpm init -yと入力します(フォルダであることを確認してください)
package.jsonという名前のファイルが生成されます.
このpackage.jsonファイルがあれば、必要なNode modualをダウンロードして使用することができます.

Node-sass

https://www.npmjs.com/package/node-sass
(中に入って確認してもいいし、すぐに行ってもいい)npm i node-sassをコンソールウィンドウに書き込み、インストール後node_modulesファイルが作成されます.package.jsonファイル
node-sassが追加されていることを確認したり、package-lock.jsonが追加されていることを確認したりすることができます!(ああ…遠くて難しいー)
scripts欄に"node-sass" : "node-sass"を追加し、端末にnpm run node-sass、enterparkを作成!では.エラー...エラーが発生...

これで間違いだ
次にノード・Sassのホームページに移動します.

けんさ

さっきのnode-sassを下に書きます
先のExampleが目次に合わないので、main.scssとstyle.cssの経路を書いておきます

scssファイルにラベルを書きます.

コンソールウィンドウにnpm run sassと書く
style.cssファイルが生成されます!(中に入力された値は気にしないでください…あなたに見せるためなので、さっき書いたラベルがあるはずです!)

npmスクリプト更新

しばしばscssコンテンツを更新するたびにnpm run sassを実行することはできません.node-sass optionを参照してください.

入力-w, --watch-r, --recursive-w入れたらscssに入力し、切り替えてリアルタイムにできます.内容はcssファイルに更新されます!--source-map trueと書くと、Chrome開発者ツールで各宣言がどのscssファイルで宣言されているかを確認できます.
その他)/*# sourceMappingURL=styles.css.map */ _reset.scss書類に記入すれば良いのですが…?どうしてですか..cssファイルを入力すればいいですか?

prettyer&SCSS lint設定

Quick Libraryには、次の内容の.sass-lint.ymlファイルが作成されます.
https://gist.github.com/donato14/6f4b057ea78e0520867eeb7a5e253d93
すべてのコードを貼り付けましょう
次に、
scss-lintは私のコードを指摘しますか?私はそう思います.
でも
そんなに簡単にはいかない...
エラーが絶えないため、lintを使用する方法を次の文章に記録します.ううう
まずはprettierから設置しましょう..prettierrcファイルを生成し、command + ,を押してsettingを開き、format on saveを検索します.
Format On Save秒か確認!prettier configを検索します

検査があるかどうか確認してみましょう.

拡張ウィンドウでPrettierを選択するのに忙しく、内容から見るとDefault Formatterにはコードもあります.

{
  "editor.defaultFormatter": "esbenp.prettier-vscode",
}

(いい子だね…持ってきて…私が使うなら…持ってきてね)

上のOpen settings(JSON)をクリックします.

そのままコピーしてください.
semiは、JavaScriptでセミコロンを使用する必要はありません.endOfLineは浙江省の最後のnew lineのコードです.