Dreamweaver中怎麼對齊程式碼

來源：酷知科普網 3.1W

Dreamweaver對於軟體工程專業的學生來說是非常熟悉的前端應用軟體，適用於初學者，因此很多人在大一的時候就能夠熟練應用它來開發一些簡單的專案了。雖然現在的IDE非常多，層出不窮，但是Dreamweaver依舊有它的一席之地，不過Dreamweaver介面還是有一些缺點的。比如我們複製某段程式碼的時候，需要手動縮排每段程式碼進行對其，這對於小段程式碼是不算什麼，但是如果程式碼很多的話就會很浪費時間。不過Dreamweaver是帶有自動對其程式碼的功能，只是位置不太明顯，下面來看看怎麼在Dreamweaver中自動對其程式碼吧。

操作方法

（01）安裝軟體Dreamweaver是編輯程式碼的工具，而wampserver是web頁面執行的伺服器。所以要安裝這2個軟體，在網上下載破解版本即可。

（02）開啟軟體雙擊開啟Dreamweaver軟體以及wampserver伺服器。記得要開啟wampserver伺服器，否則Dreamweaver頁面在瀏覽器中是無法顯示的。好在這兩個軟體無論是安裝包還是安裝步驟都非常簡單。

（03）建立頁面點選工具欄中的【檔案】，點選【新建】，在新建頁面中隨便建立一個頁面型別，我們就建立一個HTML型別的吧。

（04）然後我們在頁面中複製一些程式碼。不然以建立【摺疊面板】為例。現在頭部中複製4個js程式碼。然後在主體中複製【摺疊面板】的固定程式碼，會發現程式碼並不對齊。【<script type="text/javascript" src="easyui/"></script><script type="text/javascript" src="easyui/"></script><link rel="stylesheet" type="text/css" href="easyui/themes/default/"/><link rel="stylesheet" type="text/css" href="easyui/themes/"/><script type="text/javascript" src="easyui/"></script>】【<div id="aa" class="easyui-accordion" style="width:300px;height:200px;"> <div title="Title1" data-options="iconCls:'icon-save'" style="overflow:auto;padding:10px;"> content1 </div> <div title="Title2" data-options="iconCls:'icon-reload',selected:true" style="padding:10px;"> content2 </div> <div title="Title3"> content3 </div> </div> 】