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

Dreamweaver中CS6程式碼自動縮排的方法

網頁設計 閱讀(4.83K)

書寫程式碼,格式清晰才不容易出錯,在程式碼格式中,首行縮排是最為重要的,從別處拿過來的很多程式碼首行都是沒有縮排的,不利於觀看,想要使其自動縮排,可以使用Dreamweaver CS6,它可以通過簡單的設定就能夠將一段程式碼或整個檔案格式都變得非常的清晰,同時我們自己編寫程式碼時也可以使用快捷鍵達到程式碼縮排的效果。縮排程式碼:Ctrl+Shift+],左縮排程式碼:Ctrl+Shift+[,跟隨小編去看看吧!

Dreamweaver中CS6程式碼自動縮排的方法
  Dreamweaver CS6程式碼如何自動縮排?

1.程式碼原本的樣子

2.程式碼設定後的樣子

  Dreamweaver CS6程式碼如何自動縮排?

第一步:依次點選選單欄的 "編輯" – "首選引數" – "程式碼格式" (注:Dreamweaver版本不同可能會有些許差異)

第二步:格式設定你可以參考我的,也可以根據個人喜好設定:

第三步:下面就是關鍵的.步驟了,我們點選選單欄中的“命令”,在其選單中找到“應用源格式”選項並點選。

第四步:或者可以用快捷按鈕,在Dreamweaver的左側有一列快捷方式的圖示,找到像油漆桶一樣的圖示,也是格式化程式碼的命名鍵。

第五步:格式化完成後我們會看到程式碼規範多了。