どうしてもnpm install -g firebase-tools
(Globalインストール)したく(させたく)なかったのでメモ
前提
Firebaseを学ぶにあたっての教材はFirebase Web Codelab チュートリアルがとても優良なので基本的にはそれに従う。ので、細かいことは書かない。
devDependenciesで環境を作る
Firebase Web Codelab: #4 Install the Firebase command line interface に書いてあるとおりの内容を以下の手順に変えてみる。
$ cd web-start
$ npm init
$ npm install --save-dev firebase-tools
で最低限の環境が完成。
ここで手元を一旦コミットしておくと以降の変化がわかるはず。
続けてfirebase init
すると、firebaseの設定やignoreをしてくれる。
$ npm run firebase init
? Which Firebase CLI features do you want to setup for this folder? Press Space to select features
, then Enter to confirm your choices.
◯ Database: Deploy Firebase Realtime Database Rules
◯ Firestore: Deploy rules and create indexes for Firestore
◯ Functions: Configure and deploy Cloud Functions
❯◉ Hosting: Configure and deploy Firebase Hosting sites
◯ Storage: Deploy Cloud Storage security rules
? Select a default Firebase project for this directory: (Use arrow keys)
[don't setup a default project]
❯ YOUR-PROJECT (YOUR-PROJECT)
[create a new project]
※長いので一部割愛
上記以降で、firebase上のプロジェクトを選択すると、チュートリアルのfirebase use --add
を実行したのと同等になる(はず)
firebase.json
で以下が消えてしまっているので戻しておく。これ自体がどのような効果を発揮するかはここでは言及せずに、チュートリアルに従うという意味で意図的な思考停止をしておくとする。
+ "headers": [{
+ "source" : "**/*.@(js|html)",
+ "headers" : [ {
+ "key" : "Cache-Control",
+ "value" : "max-age=0"
+ } ]
+ }],