静的サイト制作のテンプレート(SCSS使用ver.)をつくった

更新

タグ:

ダウンロード

GitHub

注意:レポジトリのメンテナンスは終了しています。

概要

HTML + SCSS + JS + リンター + フォーマッターからなる静的サイト制作用のボイラープレートです。

ポイント

  • EditorConfig、Prettier、stylelint、ESLintを使用することで、コードの一貫性を保つことができます
  • 複数人で作業する際や外部へコーディングを委託する際のテンプレートとしても使用できます
  • ファイル保存時の自動フォーマットにより、快適な開発体験を提供します
  • SCSSの使用を前提としています
  • プロジェクトに応じて自由に拡張できます

動作確認環境

Node.js v16.13.0

"devDependencies": {
  "eslint": "^8.6.0",
  "eslint-config-prettier": "^8.3.0",
  "prettier": "^2.5.1",
  "stylelint": "^14.2.0",
  "stylelint-config-prettier": "^9.0.3",
  "stylelint-config-recess-order": "^3.0.0",
  "stylelint-config-standard-scss": "^3.0.0",
  "stylelint-prettier": "^2.0.0"
}

詳細

README.mdを参照してください。