工欲善其事,必先利其器。要開始學習前端工程師的技能,首先就是建立開發環境,以提升自己的工作效率。
決定要當個前端工程師,但是要怎麼開始?
首先,很開心大家加入前端工程師的行列,不過各位是否發現到一個問題,我要在哪邊開始寫程式呢? 總不可能拿著紙筆寫吧。 在這邊我就向大家介紹一下,要在哪裡開始開發程式。
筆記本
若要進行前端開發的話,Javascript不需要像Python、Java去安裝軟體。我們可以於筆記本直接寫程式,並透過瀏覽器去檢查是否正確。 通常會搭配HTML呈現其效果。簡單來說,大家在網頁上看到的漂亮的動畫效果,都是透過Javascript呈現。 這部份我們之後開始練習Javascript時,都會在講解一遍,大家可以先有個印象就好。
線上編輯器
現在也有線上編輯工具,可以直接在線上進行開發。如
這樣的好處就是今天無論你在哪裡,你只要能夠連網就可以開啟你的專案在線上進行開發。
IDE
IDE又稱為整合開發環境(Integrated Development Environment),其提供了許多功能可以讓開發者更加方便。 比如,今天你要看一個語法正不正確,IDE會提供註解。當你要設定顏色,IDE也可以直接顯示顏色讓你方便挑選。
常用的IDE為Visual Studio Code。下載完後,可以透過左側的Extension安裝一些PlugIn來加速開發的效率。
比如,你可以搜尋Prettier - Code formatter並安裝,這樣在開發時他就會幫你調整程式的格式排版。
總結
雖然上述方式都可以建立前端開發環境,但我個人還是建議透過IDE搭配瀏覽器做開發。 畢竟有需多方便的PlugIn可以使用。藉此提升開發效率。
總之,開發環境已經建立完成,下一章我們將開始學習HTML。