個人網(wǎng)站制作編輯器哪個好用

大家好，我們在修改PHP代碼的時候，盡量不要使用系統(tǒng)自帶的文本編輯器，更不能使用Word之類的字處理軟件，應該是用“代碼編輯器” 。下面這個視頻教程是我之前做的，沒在WordPress教程里發(fā)過，今天撈一下。

代碼編輯器應用場景

比如我們修改WordPress的wp-config.php，或者修改主題的字體文件時（添加微軟雅黑字體），都要修改PHP文件。除了PHP文件，CSS文件，JS文件、HTML文件都要使用專用的“代碼編輯器”修改。

這種代碼編輯器在Windows系統(tǒng)上有很多，我之前經(jīng)常用Dreamweaver，自從用了WordPress之后，DW很少打開，后來干脆卸載了。我現(xiàn)在在Windows平臺上使用“HBuilder X”，官方網(wǎng)址：https://dcloud.io/，下面我分享下推薦理由

在蘋果Mac上，我一直用一款免費開源的小軟件，叫textmate，網(wǎng)址：http://www.macromates.com/，用這款軟件唯一理由就是漂亮，不多說了，大家具體看視頻教程。

以下是視頻文稿

大家好，這節(jié)課分享一下網(wǎng)頁代碼編輯器軟件。

我們在做網(wǎng)站的時候，經(jīng)常會修改PHP、js，css，html文件，這些文件里雖然保存的都是文本信息，但是，不能直接用操作系統(tǒng)默認的文本編輯器 修改，因為這種文件里除了有能看到的文字以外，還有一些其他信息，比如編碼。如果用系統(tǒng)自帶的文本編輯器修改保存后，這些隱藏信息會丟失，文件代碼雖然看上去一樣，但是上傳到服務器上，會導致網(wǎng)站出錯。

先說下我對文本編輯器的要求

這種代碼編輯器軟件，我也一直在用，以前用的最多的是Dreamweaver，現(xiàn)在有時候也用，但是這個軟件有兩個缺點，一是太大了，安裝麻煩，啟動慢，如果只是修改幾個參數(shù)，可以選擇輕量級免費開源的軟件。另外DW的價格也不便宜。

代碼編輯器有很多免費開源的，這里大家要注意，那些很有名的“編輯器軟件”都是個頭很大的，我喜歡用精簡一些的，因為主要工作是修改，不做開發(fā)，弄個幾百兆的軟件覺得有點大材小用。

另外，我還有個要求，那就是代碼字體顏色和界面漂亮些，最好是免費開源的。如果好用的軟件，花點小錢也OK。這節(jié)課分享給大家的軟件都是免費開源的，都是我用過的，用著還不錯的。以后有新的替代品，再追加分享。

另外這種編輯器，不是markdown編輯器，也不一定適合寫作，我只是用它改php，js，html，css文件。關于寫文章和markdown 我也有軟件推薦，這個在以后再說。

我在蘋果Mac電腦上用的最多的代碼編輯器是TEXTMATE。

這個軟件是蘋果Mac電腦專有的，沒有Windows版本，現(xiàn)在已經(jīng)開源免費了，以前是付費的。早先是在一個國外網(wǎng)站上看到一張代碼的截圖，覺得很漂亮，黑底+彩色的代碼，順藤摸瓜找到了TextMate的官網(wǎng)，當時我還沒有Mac電腦，但對這個軟件的界面心向往之，之后買MacbookPro，這個軟件也算是動力之一。

大家可以到TextMate 官網(wǎng)下載，這個軟件有一點要注意，如果用它來編寫普通文本，保存為txt格式，再用Windows打開，里面的文本不會換行，也就是換行符會失效，在Mac里打開沒問題。

解決辦法是：使用TM保存txt的界面，有一個選項，默認是LF，手動改成CRLF（回車換行），這是windows支持的格式。至于為什么，大家百度一下 CRLF和CR以及LF的區(qū)別。

下面我們看看，用TextMate打開html，php，js，css是什么樣子的，現(xiàn)在的代碼配色方式不是默認的。如何安裝這個配色方案，也就是主題，這個主題如何獲得，以后再講。

下面說下Windows上的代碼編輯器軟件

我在Windows上用過很多這種編輯軟件，滿意的，用的時間長的不多。開始用過一些破解版，后來不用了。

之后換過NotePad++，還挺好用的，后來看了作者簡介之后就刪掉了。

還用過一陣子，一個特別小的綠色開源編輯器軟件，啟動速度特別快，比系統(tǒng)默認的文本編輯器好用，但是對代碼編輯弱了些，弱了很多，也放棄了。

最近又找到了一個國產軟件，叫HBuilderX，12MB，用過幾次，還不錯，這是一個分期分批開源的軟件。

直接從它的官網(wǎng)下載，下載個壓縮包，解壓成一個目錄，這是個綠色軟件，放到一個固定的目錄上，然后自己在桌面創(chuàng)建個快捷方式就行了。

可以拖拽打開文件，或者使用“打開方式”自己手動關聯(lián)文件擴展名。

我們看看用HBuilderX打開html，php，js，css是什么樣子，和TextMate是兩種風格，各有特色。

這節(jié)課就到這里，下次課見。