【最新版/stylelint対応】SCSSビルド環境スターターキット|VSCode対応・自動コンパイル&Lint済み!
- Digital500 JPY

🆕【2025年5月最新版】Stylelint+Prettier+Autoprefixer搭載! SCSSビルド環境を即構築できるスターターキットです。 ワンコイン(500円)で、保存するだけで整形・チェック・出力まで全部対応! 次回アップデート時に価格改定予定のため、今だけお得です。
🔰 こんな方にオススメ!
・SCSSのビルド環境をすぐ整えたい方 ・PrettierやStylelintの導入が面倒な方 ・保存時に自動整形したいVSCodeユーザー ・案件前にベーステンプレを固めたい方 ・過去の環境を見直したい中・上級者
✅ 特長
● npm+Sass+PostCSS+Stylelint+Prettierを初期構築済み ● 保存すると自動整形&プレフィックス付与 ● stylelintで案件レベルの品質チェック ● VSCode設定ファイル同梱(保存で即反映)
🔧 導入方法(3ステップでOK)
BOOTHからZIPをダウンロード・解凍 VSCodeでフォルダを開く ターミナルで以下を入力: npm install npm run dev ✅ あとは /src/scss/ にSCSSを書くだけ。書いた瞬間、自動でCSSにビルドされる!
📦 ファイル構成
scss-starter-kit/ ├── assets/scss/style.scss ├── .vscode/settings.json(保存トリガー構成済み) ├── .vscode/tasks.json(自動ビルド設定) ├── package.json ├── postcss.config.js ├── .stylelintrc.json ├── README.md ├── LICENSE
📓 導入解説はこちら(note記事)
noteで導入手順を無料公開中! 最後に超絶便利なSCSS関数のおまけ特典(100円)あり! https://note.com/melongworks/n/n28fed1bb2ab1
💡 今後、SCSSの分割管理や@use対応のテンプレート化も計画中!
アップデートの際はnoteやXで告知予定です。
💴 BOOTH価格:500円(期間限定)
💬 よくある質問
Q. 本当に初心者でもできますか? → はい!READMEに手順を細かく書いてあるので安心です◎ Q. 商用サイトでも使えますか? → もちろんOKです!(ただし再配布・転売は禁止です) Q. Windowsでも使えますか? → 基本的にMac/Windowsどちらでも動作しますが、パスや環境によって多少差が出る場合があります。
📌 利用規約・注意事項(ご購入前にご確認ください)
・本商品はデジタルファイルのため返品不可です。 ・本キットの **改変・商用利用はOK** です ・ただし、**再配布・転載・転売は禁止** とさせていただきます ・本キットの使用によるトラブル・損害について、制作者は一切の責任を負いません ・詳しい利用条件は同梱の `LICENSE` に記載しております