<h1 id="firebasetools%E3%81%A8%E3%81%AF">
<a class="header-anchor-link" href="#firebasetools%E3%81%A8%E3%81%AF" rel="nofollow"></a> FirebaseToolsとは</h1>
<p>Firebase公式のコマンドラインインターフェース（CLI）</p>
<p>Firebaseブロジェクトの生成や管理を行う際に使用される。</p>
<p>公式ドキュメントはこちら<br style="display: none">
</p><div class="embed-zenn-link"><iframe src="https://asia-northeast1-zenn-dev-production.cloudfunctions.net/iframeLinkCard?url=https%3A%2F%2Ffirebase.google.com%2Fdocs%2Fcli" frameborder="0" scrolling="no" loading="lazy"></iframe></div><a href="https://firebase.google.com/docs/cli" style="display: none" rel="nofollow">https://firebase.google.com/docs/cli</a>


あーる

<h1 id="%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB">
<a class="header-anchor-link" href="#%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB" rel="nofollow"></a> インストール</h1>

      <div class="code-block-container">
        
        <pre class="language-zsh"><code class="language-zsh">$ npm install -g firebase-tools
</code></pre>

      </div>
      <p>npmが使用できる環境にて上のコマンドを実行。グローバルにインストールされる。</p>


<h1 id="firebasecli%E3%81%8B%E3%82%89%E3%81%AE%E3%83%AD%E3%82%B0%E3%82%A4%E3%83%B3">
<a class="header-anchor-link" href="#firebasecli%E3%81%8B%E3%82%89%E3%81%AE%E3%83%AD%E3%82%B0%E3%82%A4%E3%83%B3" rel="nofollow"></a> firebaseCLIからのログイン</h1>

      <div class="code-block-container">
        
        <pre class="language-zsh"><code class="language-zsh">$ firebase login
</code></pre>

      </div>
      <p>デフォルトのブラウザが起動しGoogleのログインページが開かれるのでログインする。</p>


<h1 id="%E3%83%97%E3%83%AD%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%E3%81%AE%E5%88%9D%E6%9C%9F%E5%8C%96">
<a class="header-anchor-link" href="#%E3%83%97%E3%83%AD%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%E3%81%AE%E5%88%9D%E6%9C%9F%E5%8C%96" rel="nofollow"></a> プロジェクトの初期化</h1>

      <div class="code-block-container">
        
        <pre class="language-zsh"><code class="language-zsh">$ firebase init
</code></pre>

      </div>
      <p>firebaseプロジェクトとして管理するために行う。</p>


<h1 id="cli%E3%81%AE%E3%83%90%E3%83%BC%E3%82%B8%E3%83%A7%E3%83%B3%E3%82%92%E7%A2%BA%E8%AA%8D">
<a class="header-anchor-link" href="#cli%E3%81%AE%E3%83%90%E3%83%BC%E3%82%B8%E3%83%A7%E3%83%B3%E3%82%92%E7%A2%BA%E8%AA%8D" rel="nofollow"></a> CLIのバージョンを確認</h1>

      <div class="code-block-container">
        
        <pre class="language-zsh"><code class="language-zsh">$ firebasetools -- version
</code></pre>

      </div>
      