1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

Firebase: codelabのチャットチュートリアル - devDependenciesインストールする

Last updated at Posted at 2018-12-24

どうしても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"
+      } ]
+    }],
1
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?