VSCode 開發功能大解密
最值得學習的文字編輯器
Description
身為工程師,編寫程式碼最重要的工具就是使用的電腦及開啟的文字編輯器,而 Visual Studio Code 是這幾年的首選文字編輯器,後面將會使用 VSCode 的名稱簡稱,VSCode 是微軟基於 Electron 開發的跨平台文字編輯器,是GitHub開發的一個開源框架。它允許使用前端技術完成桌面 GUI 應用程式的開發。所以在瀏覽器中可運行的功能都可以搬到 VScode 上,並且無論你是使用 Windows, Mac, Linux 都可以免費下載。
為什麼 VSCode 會有這樣的魅力呢
其一:IntelliSense,過去的程式碼提示大多都需要額外安裝套件,而在 VSCode 中是屬於內建功能,並且完全支援 commonjs 及 ES6 import,讓開發的邏輯更能跟上時代
第二:Git 功能是內建的,程式碼控管是團隊合作必要條件,透過文字編輯器整合 Git 功能,就不需要額外許多工具才能做到版本比對及簽入,讓程式碼的檢視變成開發中的習慣。
Debug:VSCode 直接在編輯器內就能運行終端機及除錯模式,讓後端的開發時同時能加入中斷點,清楚解析後端開發中的細微變化。
除此之外還有 Extension:海量的擴充套件,讓你不用離開 VSCode 就能做許多事,如:
大量佈景主題
文字編輯器中就能直接編譯 Sass
一鍵就能建立的簡易的伺服器環境
程式碼規範檢視工具
甚至是查看 PDF、Excel 都能輕鬆達到
如果要在 VSCode 聽音樂,或是逛逛 PTT 都是沒有問題的
因此,只要一套文字編輯器就能解決大部分問題,加上完全免費、持續更新,這樣的吸引力輕鬆成為目前主流的開發者喜愛工具!
What You Will Learn!
- VSCode 文字編輯器的開發技巧
- VSCode 進階使用技巧及套件推薦
Who Should Attend!
- 前端開發者、網頁設計師,對於網頁編輯器有興趣的學員