Vue.js プロジェクト初期構築

  1. vue cli 3 をインストール(環境構築時のみ)
    1. npm uninstall -g vue-cli
    2. npm install -g @vue/cli


2. プロジェクトをビルド

    1. vue create projectname
      • manual
        • Babel
        • Progressive Web App (PWA) Support
        • Router <- ここでは含めない
        • Vuex
        • Linter / Formatter
      • package.json
    2. cd projectname
    3. vue add @vue/pwa
    4. npm i babel-plugin-transform-imports
    5. npm install vue-router <- ここでやる
    6. vue add vuetify
      • default preset
    7. npm run build


3. Firebase のインストール(環境構築時のみ)

    1. npm install -g firebase-tools

4. Firebase のセットアップ

    1. firebase logout -> firebase login
    2. firebase init --project (projectname)
      • functions
        • Javascript
      • hosting
        • dist
    3. firebase init functions
    4. firebase deploy