五個最多前端開發用的程式編輯器開發工具推薦

工程師寫程式一定要有的就是程式編輯器開發工具,最早期用的編輯器是 FrontPage,非常古老,現在該不會還有人在用吧?好用的編輯器寫 Code 帶你上天堂,不好的編輯器讓你寫到吐,每個前端工程師在做前端開發的時候,一定有幾款自己用著順手的編輯器,以下推薦幾款業界同事們都在用的編輯器。

VS Code (Visual Studio Code)

五個最常用的程式編輯器
( Visual Studio Code 介面 )

它是微軟開發的一款免費、開源、跨平台的代碼編輯器,非常流行的萬能編輯工具,也支援 Windows、Linux、macOS 等操作,它也有內建 Git 版本控制的功能,目前算是 Web 開發者最熱門的程式編輯器之一,我目前也是用這個,個人推薦!

軟體名稱:VS Code (Visual Studio Code)
推薦星數:★★★★★
作業系統:Windows、Linux、macOS
軟體語言:英文
下載網址:https://code.visualstudio.com/

Atom

五個最常用的程式編輯器
( Atom 介面,圖來自 https://atom.io/themes/atom-monokai )

它是由 GitHub 開發的編輯器,也支援 Windows、Linux、macOS 系統,支援 Node.js 寫的外掛程式,內建 GitHub 提供 Git 版本控制系統,具備智慧型自動完成功能,能讓你在撰寫程式碼時更快、更輕鬆!

軟體名稱:Atom
推薦星數:★★★★★
作業系統:Windows、Linux、macOS
軟體語言:英文
下載網址:https://atom.io/

Sublime Text

五個最常用的程式編輯器
( Sublime Text 介面,圖來自 https://www.sublimetext.com )

它是一套跨平台編輯器,支援 Python 的外掛程式,有 Go to anything 功能,可以快速跳至檔案、符號或行數,也有多行選擇功能,也是一個不錯的編輯器!

軟體名稱:Sublime Text
推薦星數:★★★★★
作業系統:Windows、Linux、macOS、Python
軟體語言:英文
下載網址:https://www.sublimetext.com/

WebStorm

五個最常用的程式編輯器
( WebStorm 介面,圖來自 https://www.jetbrains.com/webstorm )

是由 jetbrains 公司旗下一款 JavaScript 開發工具,可與許多流行的版本控制系統配合使用,確保在 git,GitHub,SVN,Mercurial和 Perforce 之間提供一致的用戶體驗,據我所知也是不少人用這個編輯器來開發,也推薦給大家。

軟體名稱:WebStorm
推薦星數:★★★★
作業系統:Windows、Linux、macOS
軟體語言:英文
下載網址:https://www.jetbrains.com/webstorm/

Brackets

五個最常用的程式編輯器
( Brackets 介面,圖來自 https://free.com.tw/brackets/ )

是一款 Adobe Systems 開發的一個以 HTML、CSS 及 JavaScript 編寫的 HTML 編輯器,主要有一個程式碼高亮介面,以及能夠快速編輯(Quick Edit),在編輯 HTML、CSS 或 JavaScript 如果遇到相關屬性,會自動跳出選項,直接選擇就能減少輸入的時間,也能減少輸入錯誤而造成的問題。

軟體名稱:Brackets
推薦星數:★★★★
作業系統:Windows、Linux、macOS
軟體語言:英文
下載網址:http://brackets.io/

以上這五款,編輯器畫面其實都大同小異,自己熟悉的編輯器就是好的編輯器,如果想換換編輯器寫程式的話,可以試試以上介紹的五款喔!

6 Replies to “五個最多前端開發用的程式編輯器開發工具推薦”

  1. 這篇也太實用! 前端用VS Code,然後Python本來用Sublime Text,後來都改用Jupyter notebook來寫了XDD
    剩下三款可以試試看來寫前端程式~
    謝謝分享~

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *