Vue.Draggableパッケージをinstall 使用したいコンポーネントで呼び出す (補足) 参考記事 Vue.Draggableパッケージをinstall $ npm install --save vuedraggable 使用したいコンポーネントで呼び出す <template> <div class="board-task-contents" > <draggable> <div v-for="i in 20" :key = "`${i}`" class="task-card"> <h3>番号： {{ i }}</h3> <p>タスク詳細内容</p> </div> </draggable></div></template>

[:contens] eslint関連のパッケージをインポート package.jsonに以下を追加 { ... "husky": "^4.2.5", "lint-staged": "^10.2.2", ... "eslint-config-standard": "^14.1.0", "eslint-plugin-import": "^2.18.2", "eslint-plugin-node": "^10.0.0", "eslint-…

vue-routerの追加 rouoter用のindex.jsを作成 main.jsにrouterを追記 App.vueで<router-view>に書き換え 参考記事 vue-routerの追加 $ npm install --save-dev vue-router rouoter用のindex.jsを作成 src/router配下にindex.jsを作成 import Vue from 'vue'; import VueRo</router-view>…

Vueプロジェクトの作成 Vuetify、PWAの準備 manifest.jsonの追加 firebaseにデプロイ 動作確認 とりあえず Vueプロジェクトの作成 $ vue create the-simplist Vuetify、PWAの準備 $ vue add vuetify $ vue add pwa manifest.jsonの追加 /publics配下にmanife…

事象 対応方針 参考記事 vue createしたら発生 事象 ERROR Error: spawn yarn ENOENT Error: spawn yarn ENOENT at Process.ChildProcess._handle.onexit (internal/child_process.js:232:19) at onErrorNT (internal/child_process.js:407:16) at process._…

VueCLIの用意 既存のVueプロジェクトをPWA化 manifest.jsonの作成 参考記事 VueCLIの用意 VueCLIが用意できていなかったので npm install -g @vue/cli 既存のVueプロジェクトをPWA化 vue add @vue/pwawを実行 -> % vue add @vue/pwa Installing @vue/cli-pl…

事象 対応 事象 internal/modules/cjs/loader.js:583 throw err; ^ Error: Cannot find module 'sass' at Function.Module._resolveFilename (internal/modules/cjs/loader.js:581:15) at Function.Module._load (internal/modules/cjs/loader.js:507:25) at…