Firebase CLI setup - Mini Project: Build & Apply

Firebase CLI setup

📖 Scenario: You are starting a new web project and want to use Firebase services. To manage your Firebase project easily, you need to set up the Firebase Command Line Interface (CLI) on your computer.

🎯 Goal: Set up the Firebase CLI tool on your computer and initialize a Firebase project folder ready for deployment.

📋 What You'll Learn

Install Firebase CLI globally using npm

Log in to Firebase using the CLI

Initialize a Firebase project in the current folder

Select the default Firebase project during initialization

💡 Why This Matters

🌍 Real World

Developers use Firebase CLI to manage and deploy Firebase projects efficiently from their local machines.

💼 Career

Knowing how to set up and use Firebase CLI is essential for frontend and backend developers working with Firebase services.

1

Install Firebase CLI globally

Run the command npm install -g firebase-tools in your terminal to install the Firebase CLI globally on your computer.

Firebase

# Run the command to install Firebase CLI globally
# Your code here

Hint

Use npm to install the Firebase CLI globally so you can use the firebase command anywhere.

2

Log in to Firebase using CLI

Run the command firebase login in your terminal to log in to your Firebase account through the CLI.

Firebase

npm install -g firebase-tools
# Run the command to log in to Firebase
# Your code here

Hint

This command opens a browser window to authenticate your Firebase account.

3

Initialize Firebase project in current folder

Run the command firebase init in your terminal to start the Firebase project initialization in the current folder.

Firebase

firebase login
# Run the command to initialize Firebase project
# Your code here

Hint

This command lets you select Firebase features and sets up configuration files.

4

Select default Firebase project during initialization

During firebase init, select your existing Firebase project by choosing it from the list to set it as the default project for this folder.

Firebase

firebase init
# Select your Firebase project from the list during init
# Your code here

Hint

When prompted, use arrow keys to select your Firebase project and confirm.

Practice

1. What is the main purpose of the Firebase CLI tool?

easy

A. To create Firebase projects online automatically

B. To write Firebase database rules only

C. To manage Firebase projects from your computer

D. To replace the Firebase console website

Solution

1. Step 1: Understand Firebase CLI role

   The Firebase CLI is a command-line tool that lets you control Firebase projects locally on your computer.

2. Step 2: Compare options

   Options B, C, and D describe limited or incorrect roles. Only To manage Firebase projects from your computer correctly states the main purpose.

3. Final Answer:

   To manage Firebase projects from your computer -> Option C

4. Quick Check:

   Firebase CLI = Manage projects locally [OK]

Hint: Firebase CLI controls projects from your PC, not just online [OK]

Common Mistakes:

• Thinking Firebase CLI only edits database rules
• Believing it creates projects automatically online
• Confusing it with the Firebase web console

2. Which command correctly installs the Firebase CLI using npm?

easy

A. install firebase-cli -npm

B. npm install -g firebase-tools

C. npm firebase install -g

D. firebase install npm-tools

Solution

1. Step 1: Recall npm install syntax

   The correct npm command to install a global package is 'npm install -g package-name'.

2. Step 2: Match with Firebase CLI package

   The Firebase CLI package name is 'firebase-tools', so the correct command is 'npm install -g firebase-tools'.

3. Final Answer:

   npm install -g firebase-tools -> Option B

4. Quick Check:

   npm install -g firebase-tools = Correct install command [OK]

Hint: Use 'npm install -g firebase-tools' to install globally [OK]

Common Mistakes:

• Mixing order of npm and firebase keywords
• Forgetting the '-g' flag for global install
• Using incorrect package names

3. What will happen if you run firebase init in your project folder?

medium

A. It deploys your app to Firebase hosting immediately

B. It deletes all Firebase projects linked to your account

C. It logs you out of Firebase CLI

D. It initializes Firebase in the folder by creating config files

Solution

1. Step 1: Understand 'firebase init' purpose

   This command sets up Firebase in your local folder by creating necessary config files and asking which Firebase features to enable.

2. Step 2: Eliminate wrong options

   Options A, B, and D describe actions unrelated to initialization. Deploying is done with 'firebase deploy', not 'init'.

3. Final Answer:

   It initializes Firebase in the folder by creating config files -> Option D

4. Quick Check:

   firebase init = Setup project locally [OK]

Hint: 'firebase init' sets up config files, not deploy or delete [OK]

Common Mistakes:

• Confusing 'init' with 'deploy'
• Thinking it deletes projects
• Assuming it logs out the user

4. You ran firebase deploy but got an error saying 'No Firebase project detected'. What is the likely cause?

medium

A. You did not run firebase init to set up the project

B. You forgot to install Node.js on your computer

C. You are not logged into Firebase CLI

D. Your internet connection is offline

Solution

1. Step 1: Analyze error message

   The error 'No Firebase project detected' means the CLI cannot find project config files in the folder.

2. Step 2: Identify missing setup step

   Without running 'firebase init', the project folder lacks Firebase config files, causing this error.

3. Final Answer:

   You did not run firebase init to set up the project -> Option A

4. Quick Check:

   Missing init causes 'No Firebase project detected' error [OK]

Hint: Run 'firebase init' before deploy to create config files [OK]

Common Mistakes:

• Assuming login or internet issues cause this error
• Ignoring the need to initialize project first
• Thinking Node.js installation affects this error

5. You want to deploy only your Firebase Functions without affecting Hosting or Firestore. Which command should you use?

hard

A. firebase deploy --only functions

B. firebase deploy --only hosting

C. firebase deploy --only firestore

D. firebase deploy --all

Solution

1. Step 1: Understand deploy options

   The Firebase CLI allows deploying specific services using the '--only' flag followed by the service name.

2. Step 2: Select correct service for Functions

   To deploy only Functions, use '--only functions'. Other options deploy different services or all.

3. Final Answer:

   firebase deploy --only functions -> Option A

4. Quick Check:

   Deploy specific service with '--only functions' [OK]

Hint: Use '--only functions' to deploy just Functions [OK]

Common Mistakes:

• Using '--only hosting' or '--only firestore' by mistake
• Using '--all' deploys everything, not just Functions
• Not using '--only' flag and deploying all services