Bluefish代碼編輯器是用於開發網頁和腳本的應用程序。 它不是一個所見即所得的編輯器。 Bluefish是一種用於編輯網頁或腳本的代碼的工具。 它適用於具有編寫HTML和CSS代碼知識的程序員,並且具有使用最常用的腳本語言(如PHP和Javascript)以及許多其他語言的模式。 Bluefish編輯器的主要目的是使編碼更容易,並減少錯誤。 Bluefish是免費的,開源軟件和版本可用於Windows,Mac OSX,Linux以及其他類Unix平台。 我在本教程中使用的版本是Windows 7上的Bluefish。
01之04
藍魚界面
Bluefish界面分為幾個部分。 最大的部分是編輯窗格,這是您可以直接編輯代碼的地方。 編輯窗格的左側是側面板,它執行與文件管理器相同的功能,允許您選擇要處理的文件並重命名或刪除文件。
Bluefish窗口頂部的標題部分包含多個工具欄,可以通過查看菜單顯示或隱藏工具欄。
工具欄是主工具欄,其中包含執行常用功能的按鈕,如保存,複製和粘貼,搜索和替換以及一些代碼縮進選項。 您會注意到沒有格式化按鈕,如粗體或下劃線。
這是因為Bluefish不會格式化代碼,它只是一個編輯器。 主工具欄下方是HTML工具欄和片段菜單。 這些菜單包含可用於為大多數語言元素和功能自動插入代碼的按鈕和子菜單。
04年02月
在Bluefish中使用HTML工具欄
Bluefish中的HTML工具欄由按類別分隔工具的選項卡排列。 這些標籤是:
- 快速欄 - 您可以將其他工具固定在此選項卡上,以查找經常使用的項目。
- HTML 5 - 可讓您訪問HTML 5中的常見標籤和元素。
- 標準 - 在此選項卡上可以訪問常見的HTML格式選項。
- 格式化 - 在這裡找到不常見的格式選項。
- 表格 - 各種表格生成功能,包括表格嚮導。
- 列表 - 用於生成有序,無序和定義列表的工具。
- CSS - 樣式表可以通過此選項卡以及佈局代碼創建。
- 表單 - 可以從此選項卡插入最常見的表單元素。
- 字體 - 此選項卡具有處理HTML和CSS中的字體的快捷方式。
- 框架 - 處理表單的最常用功能。
單擊每個選項卡將使與相關類別相關的按鈕顯示在選項卡下方的工具欄中。
03之04
在Bluefish中使用片段菜單
HTML工具欄下面是一個名為snippets欄的菜單。 該菜單欄具有與各種編程語言相關的子菜單。 菜單上的每個項目都會插入常用代碼,例如HTML文檔類型和元信息。
一些菜單項是靈活的,並根據您希望使用的標籤生成代碼。 例如,如果您希望將預先格式化的文本塊添加到網頁中,則可以單擊片段欄中的HTML菜單並選擇“任何配對標籤”菜單項。
點擊此項目將打開一個對話框,提示您輸入您希望使用的標籤。 您可以輸入“pre”(沒有尖括號),並且Bluefish在文檔中插入一個打開和關閉的“pre”標籤:
pre>。04年4月
藍魚的其他特點
雖然Bluefish不是一個所見即所得的編輯器,但它可以讓您在任何已安裝在您計算機上的瀏覽器中預覽您的代碼。 它還支持代碼自動完成,語法高亮顯示,調試工具,腳本輸出框,插件和模板,可以讓您快速創建您經常使用的文檔。