怎么用Dreamweaver代碼提示功能

時間：2025-10-26 04:03:36 網頁設計

　　我們為大家收集整理了關于Dreamweaver代碼提示功能，以方便大家參考。有時候一些熟悉的代碼不想打，打個前面字母就能直接顯示，這個在我們的Dreamweaver里面就可以實現，也就是我們常說的代碼提示，那么我們如何設置呢!

　　1、首先我們先打開我們的dreamwawer編輯器，我們這里用的是dreamwawer8.0版本，不過大致設置都是一樣的，對于版本不要太在意!

　　2、我們在最上面一行菜單欄中找到我們的“編輯”這個選項，點擊我們的“首選參數”，具體位置見圖!或許更簡單的辦法，我們直接“ctrl+u”即可!

　　3、彈出以下對話框，說明我們打開正確，在彈出的對話框中，左側是我們的菜單欄，在其中找到“代碼提示”這個選項卡，設置設置好，點擊保存，這里我們要注意，必須設置好，改選的選上，不要丟失!

　　4、接下來我們新建一個“html”文件，我們要看一下效果!

　　5、在我們寫入代碼的時候，輸入<這個符號，后面會自動出來代碼提示，這時候我們按鍵盤上的“↓”鍵即可選擇，選中自己想要的代碼之后按“enter”鍵便可直接到文本區!方便快捷!

　　使用 Dreamweaver 這樣的可視化的 IDE 工具進行編程的最大的一個好處是它的代碼提示功能，只要輸入幾個字符，IDE 工具就會智能的給出一系列可選的函數或者變量讓你輸入。

　　代碼提示功能的好處是非常明顯的，比如你對某個函數記不清楚，就可以通過代碼提示功能快速輸入，而不用去搜索和查資料，即使非常清楚，也可以通過代碼提示功能快速輸入而無需輸入每個字符，這樣的對編程效率提高是非常明顯的。

　　Dreamweaver CS5 支持 WordPress 代碼提示

　　我們知道 Dreamweaver 代碼提示功能支持 HTML，PHP，JavaScript 這些動態語言，而最新發布的 Dreamweaver CS5 則更進一步，支持 WordPress，Drupal，Joomla 這些開源程序的私有函數的代碼提示。

　　這樣使用 Dreamweaver CS5 來開發 WordPress 插件和主題，只要輸入 WordPress 內置函數的前幾個字符，就會顯示整個函數，再也不用辛苦記住函數名稱了。

　　如何在 Dreamweaver CS5 中啟用 WordPress 代碼提示功能

　　下面就講解下如何在 Dreamweaver CS5 中啟用 WordPress 代碼提示功能：

　　將本地的測試站點添加到 Dreamweaver CS5

　　首先要在本地安裝好 WordPress 測試網站，如果是 Windows 系統，可以查看這篇教程：如何在 Windows 系統上安裝 WordPress 本地測試，并保證網站已經能在本地正常瀏覽。

　　點擊 Dreamweaver CS5 菜單中的”Site–>New Site”，如下圖建立新站點：

　　在同一對話框中切換到”Servers”界面，點擊”+”號添加測試服務器。

　　上面我們說到 Dreamweaver CS5 中啟用 WordPress 代碼提示功能需要一個測試服務器，我們已經預先在電腦上安裝例如 XAMPP 之類的服務器，并把一些信息輸入上圖。

　　在同一對話框中切換到”Advanced”界面，”Server Model”選擇”PHP MySQL”，保存。

　　返回到”Servers”設置界面，選中”Testing”，保存，退出此對話框，完成站點設置了。

　　開啟 Dreamweaver CS5 中 WordPress 代碼提示功能

　　點擊 Dreamweaver 菜單中的 ”Site–>Site-Specific Code Hints”，以便讓站點與 WordPress關聯，如上圖，一般 Dreamweaver 會自動選中 WordPress，如果沒有，請手工選擇一下，保存退出些對話框。

　　好了，一切設置已完成，下面是見證奇跡的時刻，打開一個 WordPress主題中的文件，例如 index.php，如下圖：

　　輸入WordPress 某個函數的前幾個字符，例如 ”the_”，按 Ctrl+H，就會彈出 WordPress 里以”the_”開頭的所有函數供你選擇，是不是很方便呢?

【怎么用Dreamweaver代碼提示功能】相關文章：