iT邦幫忙

鐵人檔案

2026 iThome 鐵人賽
回列表
JavaScript

JavaScript為什麼筆記本 系列

商學院背景半路出家。老闆說:「你去架一個網站」(這是快八年前xd),秉持著躍躍欲試的精神,結果第一件事情摸到了 FileZilla (?) 根本大誤,深知沒有 mentor 基本上就是瞎子摸象。上過不少課程,但是跟著打指令和做作品,電腦關掉以後腦袋還是一片空白。或許從「為什麼」開始理解,可能會是練好絕世武功前的起手打底。
這 30 天從 JavaScript 開發中「會用卻不知道為什麼」的問題出發,一路實驗、踩坑、訂正,把真正理解的過程記錄下來。

參賽天數 8 天 | 共 8 篇文章 | 0 人訂閱 訂閱系列文 RSS系列文
DAY 1

Day 01|npm run dev 起手式?

十年前商學院半路出家,第一次被叫去架網站時,查資料不小心查到全棧,從 FileZilla 入坑,結果踩了個大坑。後來上課跟著做作品,總算也開始碰 React(...

2026-09-04 ‧ 由 克拉克斯 分享
DAY 2

Day 02|npm 去哪裡找到vite?

上一篇先拆到這裡: npm run dev ↓ npm 讀 package.json ↓ 找到 scripts.dev ↓ 得到 "vite&quot...

2026-09-05 ‧ 由 克拉克斯 分享
DAY 3

Day 03|node_modules/.bin 是什麼?

上一篇最後停在這裡: npm run dev ↓ npm 讀 package.json ↓ 找到 scripts.dev ↓ 得到 "vite&quo...

2026-09-06 ‧ 由 克拉克斯 分享
DAY 4

Day 04|npm run dev 小整理

Day 1 到 Day 3 寫完後,我原本有一種「好,這段差不多懂了」的感覺。不過我覺得要回想一下。 從頭問自己: npm run dev ↓ 接下來到底發生什...

2026-09-07 ‧ 由 克拉克斯 分享
DAY 5

Day 05|package.json 到底是什麼?為什麼 npm 要讀它?

npm run dev ↓ npm 讀 package.json ↓ 找到 scripts.dev ↓ 得到 "vite" packag...

2026-09-08 ‧ 由 克拉克斯 分享
DAY 6

Day 06|為什麼剛拿到專案通常要先 npm install?

Day 5,我已經知道 package.json 裡面記錄了專案需要的套件。 例如我的 vite-why-lab 裡有: { "dependenc...

2026-09-09 ‧ 由 克拉克斯 分享
DAY 7

Day 07|node_modules 到底裝了什麼?為什麼可以刪掉重裝?

Day 6,我把 node_modules 暫時移走,再執行: npm run dev 結果: sh: vite: command not found 重新...

2026-09-10 ‧ 由 克拉克斯 分享
DAY 8

Day 08|Vite 到底做了什麼?

前七天一路追 npm run dev,終於追到最後一棒:Vite 被啟動了。 終端機接著出現: Local: http://localhost:5173/ 以...

2026-09-11 ‧ 由 克拉克斯 分享