網頁設計

關於網頁設計的技術或相關資訊分享

好用HTML/CSS編輯工具─Notdpad++

  大家在做網頁設計的時候,一定會常常去編輯到原始碼,不管是編輯HTML或是CSS檔,如果用微軟內建的記事本來編輯,文件小的時候還好,文件一大,行數一多,馬上就改的一個頭好多個大,記事本的功能過於陽春,今天來介紹另外一套好用免費的文字編輯工具─Notepad++。

Notepad的相關資訊:

下面就來講一些我覺得比較好用的功能。

  Notepad++支援C, C++, Java, C#, XML, HTML, PHP, CSS, ...等多種格式,應有盡有,這裡就不詳述了,想看他有支援甚麼的,可以自己去他官方網站看看,網頁設計時最常用到的就是HTML還有CSS了。

語法摺疊功能、縮排輔助、高亮度括號及語法高亮度顯示、

  當你在編輯某一項檔案的時候,你可以點選上方的程式語言,然後點選正在編輯的程式類別,他就會把這份檔案以那個格式來顯示,例如HTML就會把HTML標籤都用顏色標起來,也可以按標籤旁的減號,把一整段語法都收起來,打字的時候他也會自動幫你縮排,整個版面就清爽很多。而當你編輯到有( ) [ ] { }時候,如果有對應的( ) [ ] { },他就會用紅色標示出來,就可以很清楚的知道哪裡到哪裡的內容是一起的,你在標籤開頭,他也會把標籤的結尾高亮顯示,一整個非常方便。

 

notepad++ - change to html file

 

notepad++ - html highlight text

 

字詞自動完成功能(Auto-completion)

  這個功能對我來說真是太好用了,這樣就可以不用背熟每個參數了!打一半他就會自動提示,沒有全部記熟也不用再去查語法了,開啟的方法為:自訂─>使用者自訂─>備份/字詞自動完成─>勾選"啟動自動完成功能",之後就設定需要怎樣的自動完成就好了。

 

notepad++ - user custom

 

支援同時編輯多重文件及多重視窗同步編輯

  可以同時開啟多個文件,不會出現很多個Notepad++視窗,是採用分頁方式呈現,就像瀏覽器一樣一個分頁一個分頁排排站好,這樣下方工作列就不會佔得滿滿的,另外也可以開啟兩份文件,使用外掛模組─>compare─>compare(Alt+D),來比對兩份文件,他會把兩份文件比對哪邊一樣哪邊不一樣,有導覽列可以同時捲動兩份文件,方便觀察兩份文件的差異,也可以在同一個視窗內,同時對兩份文件做同步編輯呢。

 

notepad++ - use tab to show different document

 

  還有很多很強大的功能,上面這些功能是我比較常使用到的部分,更深入的功能就等大家自己去官網探索,放下內建的記事本,改用Notepad++吧,可以增加你的工作效率的。

Please enable the javascript to submit this form