前端工程師的新手環境設置
Wed Mar 31 2021
前端開發網頁前端工程師 Frontend Engineer 是近幾年很熱門的轉職選項，因為相較於其他類型的工程師，前端對於非資訊類本科係的朋友來說，是門檻相對較低的選擇。
但關於如何正式的受到公司聘雇，真正的成為一位前端工程師，勢必還是得走上一段學習以及累積作品的道路，但努力的拿到前端 Offer 就算是抵達終點了嗎？
當然不是。
剛好我在公司中，受命指導新進的同仁，就結合這些經驗與我自己的體會，大概整理了一些我認為「新手前端」要準備好的環境與工具，提供給剛入職或是正在求職的朋友們作為「新手任務」
不過還是要強調一下，不同公司可能有不同的協作文化與流程，使用的技術選擇也有所差異，還需要大家自行去調整喔。
# Git
我想對於軟體開發來說，最最最基本的項目之一就是 Git 的使用了，不論你們公司使用什麼平台作為 Git Server，本機環境中安裝 Git 並完成一些必要的設置我想是不可避免的。
而必要的設置有哪些？這我哪知道，我就知道他那媳婦長的嘿
Git Server SSH 連線設置
至少要能做到可以 git push 到公司使用的 Git Server 才行吧？
而且公司通常都是私有專案，如果沒有正確的權限可是連 git pull 都無法呢！
參考資料：
user 分隔設定
身為一個工程師，除了使用公司的專案以外，一定還會有些自己的 Side Project 對吧？在公司專案中可能會使用公司信箱與姓名作為 Git 的 user info，而自己的 Side Project 則使用個人的信箱與暱稱。
那麼如何有效的區隔公司專案與 Side Project 的 user info 呢？
可以參考這篇文章分享的概念喔。
TIL: 用 includeIf 對不同 repo 設定 commit author (opens new window)
# Node.js
在現代前端的開發中，Node.js 佔據了非常重要的角色，我的意思並不是說前端都要去學習寫 Node ，而是因為現在網頁的開發過程中會大量使用到自動化的工具，而這些工具絕大多數都是基於 Node 運作的，所以 Node 是必定要安裝的。
同時現在前端開發的領域，大多專案都會基於 npm 這類的套件管理工具，npm 是被綁定在 Node 中一起安裝的，所以安裝 Node 不只是滿足了工具的運行條件，連管理工具都幫你準備好了。
而因為 Node 版本更新的非常快，時常會有在不同專案中需要切換 Node 版本的可能性，因此建議透過 nvm 來安裝 Node，才能做到隨時切換 Node 的版本。
# VSCode & Extension
我想目前前端工程師們使用的編輯器中，VScode 具有壓倒性的市佔率，其中的原因之一就是非常豐富的擴充套件可以使用，我這邊也列出一些團隊合作中必要的擴中套件，至於開發相關的套件（如 Vetur 是開發 Vue 專案時的必備套件），就依照你的專案需求自行安裝囉。
這邊又列出了兩個 Git 相關的套件，就由此可知 Git 的重要性囉！
- GitLens
- Git Graph
- ESLint
- Prettier
小霸王
# Command line 環境
身為工程師，一個舒適的 Command line 環境也是非常重要的，這個屬於比較個人偏好的部分，總之就是把環境弄成自己喜歡的形狀囉！
這邊分享一篇我覺得很棒的文章，如果也是使用 Mac 的朋友可以參考看看這樣的環境，簡單好看又好用！
---