前端工程師一天上班會用到哪些工具？

記得我剛決定要轉職的時候，面對軟工程師這個領域，有很多的崇拜，也有很多的恐懼。

恐懼的是不知道我能不能成功走到我想要的境界，害怕我會遇到很多我無法克服的困難，也害怕萬一這領域不適合我，是否就浪費了太多青春？

就好像當兵的大學同學，硬生生地少了女生一年的工作經驗。

但是工作這些年以來，我發現從前的擔心都是多餘的，一個人的成功與否只在於自己是否在每天都無愧於心的學習；成功轉職的人這麼多，我一定也可以。

相信很多的人對於轉職需要會哪些東西一定很徬徨，那就來說說我上班一天，電腦都會開哪些東西吧！

---

VSCode

打html、css、javascript程式碼的地方。

一開始學習寫網頁，很多書都會告訴你，其實用記事本就可以寫出網頁程式了，但是當然我們不會真的用記事本去寫code。

第一：記事本所有文字都一樣顏色

第二：就像word一樣，你打什麼就是什麼，無法自動偵錯或換行

第三：會提到記事本不過就是告訴你寫程式也可以很簡單，不是真的要你用記事本寫喔！

vscode幾乎是我去的每間公司，每個前端或後端都一定會使用的程式編輯器（當然還有少數使用Sublime或是Atom）。

喔對了告訴各位，軟體公司沒有人在用Dreamweaver的喔，如果你想轉職有人建議你去學Dreamweaver，千萬去不要浪費時間。

 

Git

版本控制，就是你今天改了什麼儲存後，明天想改回來，他都有紀錄也可以回朔。

這邊又分成本地跟遠端。

假設你都在同一台電腦操作，那你就只需要在自己電腦安裝git即可。

可直接使用git指令，或可以使用工具：sourcetree、github desktop。

假設你會在不同電腦，或者是有其他人要跟你一起合作，你就需要把程式碼上傳到遠端的git，讓其他人可以拉下來繼續你的進度修改。

程式碼放在遠端的這個地方，就叫做倉庫(repostory)。

倉庫的網頁我們常用的就是：github、gitlab、bitbucket…

如果你開發一些功能，在github上公開，還可以為你賺取星星，面試上秀一下也會更順利喔ＸＤ

 

Google Chrome

提到這個好像有點多餘ＸＤ

但我要特別強調的是chrome的開發者工具（command+option+i）真的是所有瀏覽器裡面最好用的。

而且假設你是寫vue或是react，他都有擴充工具可以安裝，開發起來真的非常方便。

 

Docker

有時候你要部署的環境可能跟你的開發環境不太一樣，這時候就可以先用docker跑一下，並且如果是前端自己要處理部署，docker產生的image也可以讓你在任何環境都能正常運作。

 

目前就想到這些，之後還有什麼好用的新工具，再寫上來吧！