knaka Tech-Blog

AI, IoT, DIYエレクトロニクス, データサイエンスについて投稿予定です。

Vue CLI 3 の準備編、 SPA開発(6) #Vue.js #web #SPA

index:

概要:

前のSPA(SinglePageApplication) 関連で、Vue CLI 3 の設定編となります。
の実装編となります。

・バックエンドは firebase予定の構成

環境

Vue-CLI 3.6.6
Vue.js
vue-router
firebase

参考の設定

github.com

v3 設定方法

・古い、v2 がある場合、消します。

npm -g uninstall vue-cli
npm install -g @vue/cli
vue create my-project
cd my-project

・サービス起動
npm run serv

http://localhost:8080 で、TOP画面が開きます

・ビルドする場合
npm run build

npm の追加、

・vue-router
 package.jsonで、追加する場合。
https://github.com/kuc-arc-f/vue_2_ver2/blob/master/package.json
 下記を、追加

	"vue-router": "^3.0.1",

npm install

・firebase を追加する場合
npm install --save firebase

・consoleを、使用する場合。
 下記の、rules を追加

    "rules": {
      "no-console": 0
    },

参考のページ

knaka0209.hatenablog.com