工欲善其事，必先利其器
為什麼寫這篇文章？
因為我自己在剛接觸程式時最痛恨的就是環境設定
不知道是我跟電腦不合還是怎樣，每次我學新東西的時候總是在環境設定這個環節卡的不要不要的
為了避免讀者在之後實戰的文章中一邊看一邊心理罵:「為什麼我們程式一模一樣但我的就是會錯?」這樣的憾事發生，所以我決定詳細的說明這個專案所需安裝的一切環境，並附上我本機安裝的工具版本，讓大家在日後的文章中可以順利操作與學習
你們實際操作時通常都有新的版本了，如果最新版本有問題可以切換到筆者的版本來操作
需要安裝哪些工具
說明包含 windows/mac 兩個系統的設定
開發環境介紹 & 設定
1. Node.js 官網
能夠在 server 端運行 JavaScript 的開放原始碼、跨平台 JavaScript 的執行環境。前端工程師的福音
筆者安裝的版本：v16.19.1 (使用nvm安裝，後面會介紹)
2. nvm 官網
由於 Node.js 更新速度是非常快的，而許多套件有 Node.js 版本的相依性，透過NVM你可以輕鬆切換 Node.js 版本來符合不同專案的使用環境
➤ windows 安裝步驟
- 先進入windows下載頁面
- 選擇最新版本的下載 nvm-setup.zip(筆者版本為1.1.7，你看到這篇文章時可能有提供更新的版本)
3. 下載後一路瘋狂下一步即可
4. 安裝後開啟命令提示字元(CMD)
5. 在 CMD 輸入指令確認 nvm 是否安裝成功
➤ mac 安裝步驟
- 打開終端機(Terminal)，以下步驟皆在終端機操作
- mac 建議先下載 Homebrew
/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install.sh)"3. 下載後安裝 nvm
brew install nvm4. 在終端機輸入指令確認 nvm 是否安裝成功
➤ 用 NVM 安裝 node.js
指令：nvm install [version]- 請切記要安裝一個 Node.js 版本(請選用LTS版本)，不然你寫的程式會沒有可以運行的環境
nvm install 16.19.1筆者nvm安裝版本：0.39.3
3. git 官網
這是對於程式版本控制的工具，透過他你可以輕鬆回到過去，並且在多人協作時也能有效管控
windows下載頁面、mac下載頁面
我有朋友使用 windows 怎麼樣都無法正常安裝 git，如果你也遇到了這個不幸，你還是有Git桌面板可以選擇的
常用指令
- 抓取遠端數據庫(僅確認有什麼更新，不合併)
git fetch- 抓取遠端數據庫更新
git pull- 更新遠端數據庫
git push筆者windows git安裝版本：2.27.0.windows.1
4. yarn
這是專門安裝套件的軟體，站在巨人的肩膀上你才能看得更遠，妥善運用別人提供的套件，程式的路能走得更遠
下載頁面
常用指令
- 依據 package.json 安裝所有套件
yarn- 安裝到 dependencies
yarn add [package]- 安裝到 devDependencies
yarn add [package] –save-dev- 全域安裝套件(使該套件可在電腦任何位置被呼叫)
yarn global add [package]筆者yarn安裝版本：1.19.2
▶︎ 如果這篇文章有幫助到你1. 可以點擊下方「Follow」來追蹤我～
2. 可以對文章拍手讓我知道 👏🏻你們的追蹤與鼓勵是我繼續寫作的動力 🙏🏼▶︎ 如果你對工程師的職涯感到迷茫1. 也許我在iT邦幫忙發表的系列文可以給你不一樣的觀點 💡
2. 也歡迎您到書局選購支持，透過豐富的案例來重新檢視自己的職涯
