藍魚文本HTML編輯器簡介

Bluefish代碼編輯器是用於開發網頁和腳本的應用程序。 它不是一個所見即所得的編輯器。 Bluefish是一種用於編輯網頁或腳本的代碼的工具。 它適用於具有編寫HTMLCSS代碼知識的程序員,並且具有使用最常用的腳本語言(如PHP和Javascript)以及許多其他語言的模式。 Bluefish編輯器的主要目的是使編碼更容易,並減少錯誤。 Bluefish是免費的,開源軟件和版本可用於Windows,Mac OSX,Linux以及其他類Unix平台。 我在本教程中使用的版本是Windows 7上的Bluefish。

01之04

藍魚界面

藍魚界面。 屏幕截圖Jon Morin提供

Bluefish界面分為幾個部分。 最大的部分是編輯窗格,這是您可以直接編輯代碼的地方。 編輯窗格的左側是側面板,它執行與文件管理器相同的功能,允許您選擇要處理的文件並重命名或刪除文件。

Bluefish窗口頂部的標題部分包含多個工具欄,可以通過查看菜單顯示或隱藏工具欄。

工具欄是主工具欄,其中包含執行常用功能的按鈕,如保存,複製和粘貼,搜索和替換以及一些代碼縮進選項。 您會注意到沒有格式化按鈕,如粗體或下劃線。

這是因為Bluefish不會格式化代碼,它只是一個編輯器。 主工具欄下方是HTML工具欄和片段菜單。 這些菜單包含可用於為大多數語言元素和功能自動插入​​代碼的按鈕和子菜單。

04年02月

在Bluefish中使用HTML工具欄

在Bluefish中使用HTML工具欄。 屏幕截圖Jon Morin提供

Bluefish中的HTML工具欄由按類別分隔工具的選項卡排列。 這些標籤是:

單擊每個選項卡將使與相關類別相關的按鈕顯示在選項卡下方的工具欄中。

03之04

在Bluefish中使用片段菜單

在Bluefish中使用片段菜單。 屏幕截圖Jon Morin提供

HTML工具欄下面是一個名為snippets欄的菜單。 該菜單欄具有與各種編程語言相關的子菜單。 菜單上的每個項目都會插入常用代碼,例如HTML文檔類型和元信息。

一些菜單項是靈活的,並根據您希望使用的標籤生成代碼。 例如,如果您希望將預先格式化的文本塊添加到網頁中,則可以單擊片段欄中的HTML菜單並選擇“任何配對標籤”菜單項。

點擊此項目將打開一個對話框,提示您輸入您希望使用的標籤。 您可以輸入“pre”(沒有尖括號),並且Bluefish在文檔中插入一個打開和關閉的“pre”標籤:

 

04年4月

藍魚的其他特點

藍魚的其他特點。 屏幕截圖Jon Morin提供

雖然Bluefish不是一個所見即所得的編輯器,但它可以讓您在任何已安裝在您計算機上的瀏覽器中預覽您的代碼。 它還支持代碼自動完成,語法高亮顯示,調試工具,腳本輸出框,插件和模板,可以讓您快速創建您經常使用的文檔。