001 新手常用的3種程式編輯器
「工欲善其事，需先利其器」做任何一件事情之前，都需要熟練該領域的工具和技能，才能提高工作速率和品質，學習程式的過程也不例外。
身為打醬油的程式新手，每次開始一門程式課時，印象最深刻的步驟，就是先下載安裝程式編輯器。這是寫程式時不可或缺的工具，能加快寫程式碼的速度，大部分也都有高亮顏色的輔助，協助判斷程式字詞、函式等功能，若要撰寫JavaScript，也要記得選擇有「自動補全」和「下拉提示字元」功能的編輯器，減少打錯字的狀況。
以下先簡單介紹目前已知且有在使用的三種編輯器：
簡介：
1.主流的前端開發編輯器之一
2. 有程式碼自動補全功能，包括：單詞拼寫檢查、函式名稱補全、括號與大括號等符號配對
3. 多視窗與跨平台使用
4.收費軟體，但也可以免費下載安裝後，一直使用免費試用版。只是三不五時會跳出付費提醒視窗，你再skip掉它即可
5.非開源軟體，若有bug，更新速度較慢
6.支援的程式語言：HTML/CSS, JavaScript, Python, R, Java, C, C++, C#, SQL, PHP 等
簡介：
1. 由微軟開發編輯，主流的前端開發編輯器之一
2. 亦有程式碼自動補全等功能
3. 開源軟體，擁有社群快速更新的優點，更新速度幾乎是每月一版
4. 開啟速度快
5. 內建可支援的程式語言：JavaScript, Node.js, Python, PHP, C++, C#
簡介：
1. 由Adobe開發的開放原始碼Web編輯器
2. 相較Sublilme Text及VSCode，較突出的優點是：可即時預覽，減少重覆刷新瀏覽器的動作，更簡約快捷(但仍有很多功能不及Sublime和VSCode)
3. 不用連線到任何伺服器，在本機即可開發及偵錯
4. 僅能在chrome瀏覽器使用，因此必須安裝chrome
一開始學HTML/CSS時，是使用Sublime Text；後來接觸JavaScript則改用VSCode，目前最常使用的也是這個編輯器，文末的「延伸閱讀」有兩個較完整的VSCode使用功能說明教學，也提供大家參考。相較之下，我使用Brakets的次數更少，僅在學習試做資訊視覺化時才使用。
若要認真研究，程式編輯器少說也有10多種，每種編輯器也都各有優缺點和限制，剛開始真的不需要花太多時間苦心研究或是鑽研各種編輯器，新手僅需要使用1~2個常用的編輯器，甚至直接使用課堂上老師介紹的編輯器，先熟悉一些基本的概念和功能即可。重點還是「寫程式」，千萬別費心想找到最佳工具而本末倒置。
在撰寫這篇文章時，也有參考一些網路文章，但有些文章提到的功能目前自己都沒有用到，也還無法理解，故不是自己能消化的概念，所以就先不整理進來囉！若之後實際需要用到更多強大的功能時，會再繼續做筆記、再撰寫相關的文章：）
VSCode教學-前端新世代的編輯器
身為打醬油的程式新手，每次開始一門程式課時，印象最深刻的步驟，就是先下載安裝程式編輯器。這是寫程式時不可或缺的工具，能加快寫程式碼的速度，大部分也都有高亮顏色的輔助，協助判斷程式字詞、函式等功能，若要撰寫JavaScript，也要記得選擇有「自動補全」和「下拉提示字元」功能的編輯器，減少打錯字的狀況。
以下先簡單介紹目前已知且有在使用的三種編輯器：
Sublime Text
簡介：
1.主流的前端開發編輯器之一
2. 有程式碼自動補全功能，包括：單詞拼寫檢查、函式名稱補全、括號與大括號等符號配對
3. 多視窗與跨平台使用
4.收費軟體，但也可以免費下載安裝後，一直使用免費試用版。只是三不五時會跳出付費提醒視窗，你再skip掉它即可
5.非開源軟體，若有bug，更新速度較慢
6.支援的程式語言：HTML/CSS, JavaScript, Python, R, Java, C, C++, C#, SQL, PHP 等
Visual Studio Code
簡介：
1. 由微軟開發編輯，主流的前端開發編輯器之一
2. 亦有程式碼自動補全等功能
3. 開源軟體，擁有社群快速更新的優點，更新速度幾乎是每月一版
4. 開啟速度快
5. 內建可支援的程式語言：JavaScript, Node.js, Python, PHP, C++, C#
Brackets.io
簡介：
1. 由Adobe開發的開放原始碼Web編輯器
3. 不用連線到任何伺服器，在本機即可開發及偵錯
4. 僅能在chrome瀏覽器使用，因此必須安裝chrome
5. 常應用的程式：HTML/CSS/JavsScript
一開始學HTML/CSS時，是使用Sublime Text；後來接觸JavaScript則改用VSCode，目前最常使用的也是這個編輯器，文末的「延伸閱讀」有兩個較完整的VSCode使用功能說明教學，也提供大家參考。相較之下，我使用Brakets的次數更少，僅在學習試做資訊視覺化時才使用。
若要認真研究，程式編輯器少說也有10多種，每種編輯器也都各有優缺點和限制，剛開始真的不需要花太多時間苦心研究或是鑽研各種編輯器，新手僅需要使用1~2個常用的編輯器，甚至直接使用課堂上老師介紹的編輯器，先熟悉一些基本的概念和功能即可。重點還是「寫程式」，千萬別費心想找到最佳工具而本末倒置。
在撰寫這篇文章時，也有參考一些網路文章，但有些文章提到的功能目前自己都沒有用到，也還無法理解，故不是自己能消化的概念，所以就先不整理進來囉！若之後實際需要用到更多強大的功能時，會再繼續做筆記、再撰寫相關的文章：）
延伸閱讀
VSCode開發功能大解密VSCode教學-前端新世代的編輯器
留言
張貼留言