シンプルなサイト構築・公開手順

HTML構築

既存フォルダを複製 or VSCodeで「html:5+Tab」

SCSS導入

cssフォルダ作成
assets/scssフォルダ作成
package.json作成、ライブラリをインストール

npm init
npm i node-sass --save
npm i node-sass-globbing --save

scssファイル作成（style.scss, assets/layout/header.scss ...etc）

@import "layout/*.scss";

package.jsonのscriptsを編集　※パスの指定に注意

"scripts": {
  "sass": "node-sass --importer node_modules/node-sass-globbing/index.js -o {書き出しフォルダ} {おおもとのscssファイル}"
},

node-sassでnode-sass-globbingを使う時の設定方法 - Qiita

Firebase Hostingを導入

npm install firebase-tools -g
firebase login

Firebase上でプロジェクト作成
Firestore,Firestorageなどを使い場合は構築する

firebase init
firebase deploy