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

代碼編輯器應(yīng)用場景

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

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

這是一款免費(fèi)的軟件（逐步開源）代碼著色高亮支持Markdown協(xié)作支持英文和中文分別設(shè)置字體屬于輕量級軟件，經(jīng)常更新

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

以下是視頻文稿

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

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

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

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

代碼編輯器有很多免費(fèi)開源的，這里大家要注意，那些很有名的“編輯器軟件”都是個(gè)頭很大的，我喜歡用精簡一些的，因?yàn)橹饕ぷ魇切薷?，不做開發(fā)，弄個(gè)幾百兆的軟件覺得有點(diǎn)大材小用。

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

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

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

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

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

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

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

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

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

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

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

最近又找到了一個(gè)國產(chǎn)軟件，叫HBuilderX，12MB，用過幾次，還不錯(cuò)，這是一個(gè)分期分批開源的軟件。

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

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

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

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