這份學習筆記是基於自身的經驗之上，在學習 vue.js 3 所寫下的筆記。

目標和過去經驗：

1. 寫過 node.js 做爬蟲和 API 服務
2. 後端分離，後端打算以 PHP 做 restful API 套用。
3. 前端以 vue3 typescript 為主
4. 基本上學到了以後就用套件，這是套件王精神。
5. 以實作一個個人 Line 工具服務，可登入後台操作。

dev 環境：

1. macOS 12.6
2. node 16.17.1, npm 8.19.2
3. IDE 用的是 sublime3 和 Mac 內建的編譯器
4. PHP 使用 vm 獨立環境，vue3 於 macOS 環境實作。

首先先確認在 mac 上安裝 npm 和 node，這之前安裝過了，參考這裡。

安裝 git，之前用 fork 跑 git 結果發現 macOS 本體沒安裝過，參考這裡：

brew install git

再來升級一下太久沒用的 npm 和 node ，參考這裡：

sudo npm install -g [email protected]

sudo npm cache clean -f

sudo npm install -g n

sudo n stable

這樣就差不多啦～

vue3 的教學參考：

24kcs.github.io

2. 创建vue3项目 | Vue3+TS 快速上手

尚硅谷前端研究院

個人推薦使用 vite 創建，不過依照接下來要實作的專案，我應該會直接買一個模版來製作的。

另外提供一下退坑的文章：

engineering.linecorp.com

導入 TypeScript 應考慮之效益與成本

2022-LINE-engineering-site

對我來說，最大的學習成本是：

1. vue 要建構一個編譯環境到生產環境再處理上 CI 的流程，以及未來協做或接手的作法（總不可能 node_modules 都上 git ）。
2. 學習在 vue3 上 操作 SaaS 和 AJAX
3. 各種 vue 上的套件蒐集和使用方式，儘量不要用到 jQuery 套件的。

加油吧。