• bitfumesさんのGitHub『vue3-for-beginners』のソースをトレースしてみる
  • '22.7時点での環境で実装・構築を試してみる
  • vue create利用時と、create-vue利用時で変化点を確認する

[[TOC]]

• refer GitHub : https://github.com/bitfumes/vue3-for-beginners
• refer U-tube : https://www.youtube.com/watch?v=e-E0UB-YDRk
  • this video title is "Vue 3 Tutorial - Full Course 10 Hours 10 apps". Wow.
• Demo site : https://vue3-full-course.netlify.app/

• トライアル１（@vue/cli crateによる構築環境での開発）
  • オリジナルの理解と実装方針のメモ
    • OptionalAPIでコーディングしているものもCompositionAPIに変えてみる
  • デモサイト
• トライアル２（create-vueによる構築環境での開発）
  • トライアル１の作成コンテンツを流用して、変更されるパッケージに合わせて変更(ストア機能をpiniaにするなど）

• some npm packages
• bootstrap-reboot.css(v5.2.0) as code

• コンパイル＆モック起動

( cd 11_vue-create-app/ ; npm run serve; )

• Lintチェック

( cd 11_vue-create-app/ ; npm run lint; )

• Gitコミット時とビルド実行時は、Lintチェックが自動実行される

• ビルドとデプロイ

( cd 11_vue-create-app/ ; npm run build; npm run deploy; )

• テスト
  • まだ準備できてません

• まだ準備できてません

• サブフォルダ11_vue-create-app内にnodeのパッケージをまとめたいので、設定変更する
  • Prettir のドキュメントに、huskyなしで、git-hook-precommitの設定方法が記載。参考にする。
  • refer Prettier : https://prettier.io/docs/en/precommit.html#option-6-shell-script
  • refer blog : https://www.unitrust.co.jp/2426
  • refer blog : https://obel.hatenablog.jp/entry/20210721/1626807600
  • 設定追加：(実行権も与える)

$ cat .dummy-hooks/pre-commit
#!/bin/sh
#
( cd 11_vue-create-app; npm run lint-fix; );
git add -A ;
#
$

• 設定変更：.git/configの[core]hooksPathがhusky利用になってたのを戻す

$ cat .git/config
[core]
...
        hooksPath = .dummy-hooks
...
$