---
# System prepended metadata

title: ogisuinote初期セットアップ手順

---

# ogisuinote初期セットアップ手順

## firebase

firebase consoleへログイン
プロジェクト追加

プロジェクト名 ogisuinote
プロジェクトID ogisuinote

設定取得
```htmlmixed=
<script src="https://www.gstatic.com/firebasejs/5.9.3/firebase.js"></script>
<script>
  // Initialize Firebase
  var config = {
    apiKey: "AIzaSyBS7SMT8WMvzVCVrlNDuIPbAarPMB8FiG4",
    authDomain: "ogisuinote.firebaseapp.com",
    databaseURL: "https://ogisuinote.firebaseio.com",
    projectId: "ogisuinote",
    storageBucket: "ogisuinote.appspot.com",
    messagingSenderId: "1029581920752"
  };
  firebase.initializeApp(config);
</script>
```

## コンソール作業

$ vue create ogisuinote
$ cd ogisuinote
$ yarn
$ vue add pug
$ vue add vuetify
$ yarn add lodash
$ yarn add @types/lodash
$ yarn lint
$ yarn serve
$ yarn add firebase


```
<template lang="pug">
v-app
  v-toolbar(app)
    v-toolbar-title.headline おぎすい予定帳
  v-content
    v-container
      router-view
</template>

<script lang="ts">
import { Component, Vue } from 'vue-property-decorator';

@Component
export default class App extends Vue {
}
</script>
```

