當前位置:才華齋>設計>網頁設計>

怎麼用Dreamweaver程式碼提示功能

網頁設計 閱讀(1.79W)

我們為大家收集整理了關於Dreamweaver程式碼提示功能,以方便大家參考。有時候一些熟悉的程式碼不想打,打個前面字母就能直接顯示,這個在我們的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”,儲存。