開發編輯器介紹

介紹關於網頁開發所需使用的文字編輯器。

什麼是文字編輯器

文字編輯器,顧名思義就是用來讓我們輸入文字可以進行編輯的應用程式,Word、記事本、Pages…等或是線上的Google Docs都可以算是文字編輯器。 編輯器本身也會因應所需的使用客群有不同的功能,但整體來說,要解決的問題無非就是要把我們的文字檔案記錄下來、儲存、重新開啟。

而進行程式開發,也就是寫程式,白話一些就是把一些既有的指令先行寫在文字檔案中,交由電腦去解讀並且執行的。

因此,當我們進行程式開發時,也需要好用的編輯器來協助我們開發,而這邊的好用所指的是編輯器對於程式語言語法的特殊標示、有意義的顏色變換、語法關鍵字的自動完成…等等,這些程式語言開發上較為特別的需求,而不是如同一般編輯器的文字放大縮小、圖片插入…等等功能的需求。

然而,不同的程式開發,所需要的編輯器以及所使用的程式語言也是大相逕庭,舉例來說我們要開發手機端應用程式時所使用的主流語言就跟我們開發網頁並不相同,以iOS系統來說,早期多使用 Objective-C 這樣的程式語言,近年來轉換成為 Swift語言進行開發。而Android系統的部分,早期則是多使用Java程式語言進行開發,這幾年也逐漸使用Kotlin進行開發了,而網頁所使用的程式語言主流上則是Javascript為主,另外也需要支援HTMLCSS的語法。

為了這些可說是完全不同目的的開發場景,因應而生的就是為了不同開發場景所需而準備的一套生產力軟體,我們通常稱之為 整合式開發環境(IDE, Integrated Development Environment),這樣的軟體就是為了方便並且提高工程師的生產裡而生的軟體,幫我們解決了更多不同場景所需要的特殊需求,而程式語言的文字編輯功能,也被涵蓋於其中。

當然這樣的説法對於IDE並不是很精確的定義(大家可以參考維基百科-整合開發環境的詳細說法),事實上近年來對於能力日益強大的文字編輯器與IDE之間的界線似乎也越來越模糊,因此與其糾結在這樣文字的定義上,不如實際了解這些軟體能使用的功能是否適合自己的開發習慣更為重要一些。

這邊稍微舉出幾項常見的整合開發環境及其對應的用途,方便大家理解:

IDE 用途 / 程式語言
Eclipse 跨平台開源整合式開發環境,主要是Java,也可透過套件安裝開發C++, PHP, Python
Xcode 開發iOS / OSX應用,主要是使用Objective-C, Swift語言
Android Studio 開發Android系統應用,主要使用語言為:Java, Kotlin
Visual Studio 主要開發.NET相關應用,主要為微軟相關語言:C#, VB…

經典的編輯器 Vi / Vim / Emacs

這邊還是要稍微提一下,幾款經典的文字編輯器,Vi / Vim / Emacs,這幾款編輯器,可以說是從事程式開發人員幾乎都會聽過的編輯器,也是隨著時代演變至今卻能夠持續地在編輯器介中保有一席之地的編輯器,當然強大的原因便是操作的快速性以及豐富的外掛套件了,這邊我們並不會深入講解這幾款編輯器,只是稍微提到名稱。

事實上我本人也只有在非桌面環境的情況下(ex.終端機Termial)會比較常使用Vim而已,emacs也只是因為有內建在Mac內所以曾經打開來玩玩而已,並稱不上了解這幾款編輯器,而就我所知,也是有相當多的開發人員是使用這樣輕量化的編輯器再進行開發的,當養成開發使用習慣後的開發速度也不輸給使用現代文字編輯器的開發人員。

若是想要更了解這幾款經典的編輯器,可以參考下列的連結:

現代網頁開發的常用文字編輯器及IDE

這三者都是我個人會使用的文字編輯器,早期我自己是使用Sublime進行開發,後來轉換至使用Atom開發,近幾年VSCode的發展似乎越來越好我偶爾會使用它,但由於Atom已經用了許久,因此比較習慣使用Atom開發。

然而,無論使用上述三款哪一款進行開發,這幾款文字編輯器強大的地方是在於他們都有廣大的套件生態系可供安裝使用,因此,藉由這些套件的功能補齊後,這些編輯器的功能支援度也是非常完善的,更能依照開發人員的偏好來做調整。

而說到網頁相關的開發IDE,其實並不多,這樣說的原因主要是來自於網頁開發早期與現在並不相同,早期的網頁開發多半會和伺服器端(後端 / Server Side)的語言有所綁定,而IDE的設計與使用就會伴隨著後端所使用的語言為主。

舉例來說,若你是.NET的開發人員,那基本上就是使用VisualStudio作為你網頁開發的首選了,寫Java的網頁開發,那麼Eclipse或是intelliJ 會是你的主要選擇,PHP為主的人很可能會採用phpstorm, 而python為主的人可以會用pycharm…,真的說網頁開發的IDE的話,我想WebStorm可以稱得上是一款了,若你有把上述幾個IDE都拿去搜尋一番的話,你會發現,很多的款IDE都是由Jetbrains這間大名鼎鼎的軟體開發公司所開發的,是一間專門開發IDE的軟體公司,可以說是IDE的品質保證了,可惜的是雖然有幾款是有社群版本(Community)可供免費下載,剩下大多是需要收費的,但如果你還是學生的話,恭喜你,他們與Github Education Student Pack的專案有合作只要申請通過Github Student後就可以取得免費的下載授權憑證了。

若你是初來乍到的開發人員,平心而論,那麼我想VSCode, Atom, Sublime 對你來說是最平易近人的幾款入門編輯器了,因為他們預設了許多功能不需再額外安裝,且使用門檻不高,雖然這些功能安裝上並不會過於複雜,但也是在初始學習開發的道路上先幫你搬走了幾塊絆腳石,終究,我相信隨著你自身開發時間的累積,也會找到一款屬於自己最熟悉的文字編輯軟體或是IDE了。