npm install -g @vue/cli でグローバルにvue/cliを入れる vue create (作るプロジェクトの名前) で、vueをインストール開始。 インストール方法を聞かれるので Manually select features を選択 Check the features needed for your project では以下を選択…

インストール & 初期開発画面 npm init vue@latest # セットした内容 ✔ Project name: … vue-project ✔ Add TypeScript? … No / Yes ✔ Add JSX Support? … No / Yes ✔ Add Vue Router for Single Page Application development? … No / Yes ✔ Add Pinia for …

■Firebaseへデプロイ Firebaseにログインしていることを確認します。 % firebase login vueアプリケーションをビルド。 % npm run build 最後にfirabaseデプロイコマンドでデプロイしていきます。 % firebase deploy デプロイが完了したらHostingURLにアクセ…

■Bootstrap Vueのインストール 公式サイトよりコマンド入手。 npm install vue bootstrap bootstrap-vue をアプリのディレクトリで実行。 パッケージのインポート。 import { BootstrapVue, IconsPlugin } from 'bootstrap-vue' を src/router/index.js にコ…

■Vueのローカル環境構築 npm install -g vue-cl グローバルにvue-cliをインストールする。 cd で作業ディレクトリに移動 vue init webpack [プロジェクト名] でアプリケーション作成用のコマンドを実行 実行すると色々質問されるが、基本全部enterでOK。一応…

■Nuxtのローカル環境構築 npm install -g vue-cl グローバルにvue-cliをインストールする。 cd で作業ディレクトリに移動 npm init nuxt-app <project-name> でインストール。 質問への回答の参照はこちら アプリケーションの作成が完了したので、 cd [アプリケーション名]</project-name>…

■Vueのローカル環境構築 プロジェクトを新規作成。一度トップに戻って 下にスクロールし「SDKの設定と構成」でCDNを選択。 コピーしたSDKを、開発環境のpublic/index.htmlに貼り付ける。の直前 ターミナルで npm install firebase を実行。 インストールが完…