有哪些可用的文字編輯器?

在本文中,我們重點介紹了在為網頁開發安裝文字編輯器時需要考慮的一些事項。

先決條件 您應該已經瞭解有關 構建網站所需的各種軟體
目標 學習如何選擇最適合您作為網頁開發者需求的文字編輯器。

摘要

網站主要由文字檔案組成,因此,為了獲得有趣、愉快的開發體驗,您應該明智地選擇文字編輯器。

選擇文字編輯器時,您需要考慮很多因素,因為文字編輯器是計算機科學的基礎(是的,網頁開發就是計算機科學)。理想情況下,您應該嘗試儘可能多的編輯器,並瞭解哪種編輯器最適合您的工作流程。但我們會為您提供一些入門指南。

以下是一些您應該考慮的主要問題

  • 我想使用哪個作業系統(OS)?
  • 我想操作哪些型別的技術?
  • 我對文字編輯器有哪些基本功能期望?
  • 我想向我的文字編輯器新增額外的功能嗎?
  • 在使用文字編輯器時,我需要支援/幫助嗎?
  • 文字編輯器的外觀對我有影響嗎?

請注意,我們沒有提到價格。顯然,價格也很重要,但產品的成本與質量或功能幾乎沒有關係。您很有可能免費找到合適的文字編輯器。

以下是一些流行的編輯器

編輯器 許可證 價格 作業系統 支援 文件 可擴充套件性
Bluefish GPL 3 免費 Windows、Mac、Linux 郵件列表維基百科 線上手冊
Brackets MIT/BSD 免費 Windows、Mac、Linux IRC GitHub Wiki
Nova 閉源 $99 Mac Twitter論壇線上 電子書
CodeLobster 閉源 免費 Windows、Mac、Linux 論壇電子郵件 線上手冊
Emacs GPL 3 免費 Windows、Mac、Linux 常見問題解答郵件列表新聞組 線上手冊
Espresso 閉源 $99 Mac 電子郵件 線上手冊
Gedit GPL 免費 Windows、Mac、Linux DiscourseIRC 線上手冊
Kate LGPL、GPL 免費 Windows、Mac、Linux 郵件列表IRC 線上手冊
Komodo Edit MPL 免費 Windows、Mac、Linux 論壇 線上手冊
Notepad++ GPL 免費 Windows 論壇 線上手冊
PSPad 閉源 免費 Windows 常見問題解答論壇 線上幫助
Sublime Text 閉源 $70 Windows、Mac、Linux 論壇 官方非官方
TextMate 閉源 $50 Mac TwitterIRC郵件列表電子郵件 線上手冊維基百科
BBEdit 閉源 免費 Mac 常見問題解答 線上手冊
Vim 特定開放許可證 免費 Windows、Mac、Linux 郵件列表 線上手冊
Visual Studio Code 開源,根據 MIT 許可證/特定產品許可證 免費 Windows、Mac、Linux 常見問題解答 文件

主動學習

在本節主動學習中,我們希望您嘗試使用和/或安裝您選擇的文字編輯器。您的計算機可能已經安裝了上述編輯器之一(例如,如果您使用 GNOME 桌面,則為 Gedit;如果您使用 KDE,則為 Kate),如果沒有,則您應該嘗試安裝一個或多個您選擇的文字編輯器。

嘗試瀏覽編輯器的設定,並閱讀手冊或文件以瞭解其功能。特別是(如果您的編輯器允許的話),請嘗試:

  • 更改語法高亮設定和顏色
  • 玩轉 縮排 寬度,將其設定為適合您的需求的設定
  • 檢查自動儲存和會話儲存設定
  • 配置任何可用的 外掛 並瞭解如何獲取新的外掛
  • 更改顏色方案
  • 調整檢視設定,並瞭解如何更改檢視的佈局
  • 檢查您的編輯器支援哪些程式語言/技術

雖然您正在學習時,大多數文字編輯器的預設設定應該可以使用,但熟悉您選擇的工具很重要,這樣您就可以選擇最適合您使用的工具。隨著您獲得更多經驗,您將更多地瞭解如何自定義編輯器和工具,更重要的是,您將瞭解哪些功能對您的目的更有用。

深入瞭解

選擇標準

那麼,更詳細地說,在選擇文字編輯器時,您應該考慮什麼?

我想使用哪個作業系統(OS)?

當然,這是您的選擇。但是,某些編輯器僅適用於某些作業系統,因此,如果您喜歡來回切換作業系統,這將縮小選擇範圍。任何文字編輯器都可以完成工作,只要它在您的系統上執行即可,但跨平臺編輯器可以簡化從一個作業系統到另一個作業系統的遷移。

因此,首先確定您正在使用的作業系統,然後檢視給定的編輯器是否支援您的作業系統。大多數編輯器在其網站上會說明它們是否支援 Windows 或 Mac,但有些編輯器僅支援特定版本。如果您正在執行 Ubuntu,您最好的選擇是在 Ubuntu 軟體中心中搜索。當然,總的來說,Linux/UNIX 世界是一個相當多樣化的世界,不同的發行版使用不同的、不相容的打包系統。這意味著,如果您決定使用一個鮮為人知的文字編輯器,您可能需要從原始碼自行編譯它(不適合膽小者)。

我想操作哪些型別的技術?

一般來說,任何文字編輯器都可以開啟任何文字檔案。這非常適合編寫便箋,但當您進行網頁開發並在 HTMLCSSJavaScript 中編寫時,您可能會建立一些相當龐大、複雜的文件。選擇一個能夠理解您正在使用的技術的文字編輯器,可以讓您輕鬆地完成工作。許多文字編輯器透過以下功能為您提供幫助:

  • 語法高亮 透過根據您使用的技術對關鍵字進行顏色編碼,使您的檔案更易讀。
  • 程式碼完成 透過自動完成重複結構(例如,自動關閉 HTML 標籤或建議給定 CSS 屬性的有效值)來節省您的時間。
  • 程式碼片段 正如您在開始建立新的 HTML 文件時所看到的那樣,許多技術使用相同的文件結構。使用程式碼片段預先填充文件,可以省去您重新鍵入所有這些內容的麻煩。

現在大多數文字編輯器都支援語法高亮,但並不一定支援其他兩個功能。請確保您的文字編輯器特別支援對 HTMLCSSJavaScript 的高亮顯示。

我對文字編輯器有哪些基本功能期望?

這取決於您的需求和計劃。以下功能通常很有幫助

  • 在單個或多個文件中搜索和替換,根據需要基於 正則表示式 或其他模式
  • 快速跳轉到指定行
  • 分別檢視大型文件的兩個部分
  • 以在瀏覽器中顯示的方式檢視 HTML
  • 同時選擇多個位置的文字
  • 檢視專案的資料夾和目錄
  • 使用程式碼美化程式自動格式化程式碼
  • 檢查拼寫
  • 根據縮排設定自動縮排程式碼

我想向我的文字編輯器新增額外的功能嗎?

可擴充套件的編輯器內建功能較少,但可以根據您的需求進行擴充套件。

如果您不確定需要哪些功能,或者您喜歡的編輯器缺少這些開箱即用的功能,請尋找可擴充套件的編輯器。最好的編輯器提供了許多外掛,並且理想情況下,還提供了一種自動查詢和安裝新外掛的方法。

如果您喜歡很多功能,而您的編輯器由於所有外掛而變慢,請嘗試使用IDE(整合開發環境)。IDE在一個介面中提供了許多工具,這對初學者來說有點令人生畏,但如果您的文字編輯器感覺太有限,它始終是一個選擇。以下是一些流行的IDE

在使用文字編輯器時,我需要支援/幫助嗎?

在使用軟體時,瞭解是否可以獲得幫助始終很重要。對於文字編輯器,請檢查以下兩種型別的支援

  1. 面向使用者的內容(常見問題解答、手冊、聯機幫助)
  2. 與開發人員和其他使用者的討論(論壇、電子郵件、IRC)

在學習如何使用編輯器時,請使用書面文件。如果您在安裝或使用編輯器時遇到故障排除問題,請聯絡其他使用者。

文字編輯器的外觀對我有影響嗎?

好吧,這是個人喜好問題,但有些人喜歡自定義 UI(使用者介面)的每一個部分,從顏色到按鈕位置。編輯器的靈活性差異很大,因此請事先檢查。找到可以更改顏色方案的文字編輯器並不難,但如果您想進行大量的自定義,最好使用 IDE。

安裝和設定

安裝文字編輯器通常非常簡單。方法根據您的平臺而異,但應該不難。

  • Windows. 開發人員會為您提供一個 .exe.msi 檔案。有時軟體以壓縮歸檔檔案(如 .zip.7z.rar)的形式提供,在這種情況下,您需要安裝一個額外的程式來從歸檔檔案中提取內容。Windows 預設支援 .zip
  • Mac. 您可以在編輯器的網站上下載 .dmg 檔案。您也可以直接在 Apple Store 中找到一些文字編輯器,以便更輕鬆地安裝。
  • Linux. 在最流行的發行版中,您可以從圖形包管理器開始(Ubuntu 軟體中心、mintInstall、GNOME 軟體等)。您通常可以找到預打包軟體的 .deb.rpm 檔案,但大多數情況下您需要使用發行版的儲存庫伺服器,或者在最壞的情況下,從原始碼編譯編輯器。花點時間仔細檢視文字編輯器網站上的安裝說明。

安裝新的文字編輯器後,您的作業系統可能會繼續使用其預設編輯器開啟文字檔案,直到您更改檔案關聯 這些說明將幫助您指定在雙擊檔案時,作業系統應在首選編輯器中開啟檔案。

下一步

現在您已經擁有了一個不錯的文字編輯器,您可以花一些時間來完成基本的開發環境的設定,或者如果您想立即使用它,請編寫您的第一個網頁