推荐两款免费的网页代码编辑器（Win和Mac系统）

大家好，我们在修改php代码的时候，尽量不要使用系统自带的文本编辑器，更不能使用word之类的字处理软件，应该是用“代码编辑器” 。下面这个视频教程是我之前做的，没在WordPress教程里发过，今天捞一下。

代码编辑器应用场景

比如我们修改WordPress的wp-config.php，或者修改主题的字体文件时（添加微软雅黑字体），都要修改PHP文件。除了PHP文件，css文件，JS文件、html文件都要使用专用的“代码编辑器”修改。

这种代码编辑器在windows系统上有很多，我之前经常用Dreamweaver，自从用了WordPress之后，DW很少打开，后来干脆卸载了。我现在在Windows平台上使用“HBuilder X”，官方网址：https://dcloud.io/，下面我分享下推荐理由

1. 这是一款免费的软件（逐步开源）
2. 代码着色高亮
3. 支持Markdown协作
4. 支持英文和中文分别设置字体
5. 属于轻量级软件，经常更新

在苹果mac上，我一直用一款免费开源的小软件，叫textmate，网址：http://www.macromates.com/，用这款软件唯一理由就是漂亮，不多说了，大家具体看视频教程。

以下是视频文稿

大家好，这节课分享一下网页代码编辑器软件。

我们在做网站的时候，经常会修改PHP、js，css，html文件，这些文件里虽然保存的都是文本信息，但是，不能直接用操作系统默认的文本编辑器 修改，因为这种文件里除了有能看到的文字以外，还有一些其他信息，比如编码。如果用系统自带的文本编辑器修改保存后，这些隐藏信息会丢失，文件代码虽然看上去一样，但是上传到服务器上，会导致网站出错。

先说下我对文本编辑器的要求

这种代码编辑器软件，我也一直在用，以前用的最多的是Dreamweaver，现在有时候也用，但是这个软件有两个缺点，一是太大了，安装麻烦，启动慢，如果只是修改几个参数，可以选择轻量级免费开源的软件。另外DW的价格也不便宜。

代码编辑器有很多免费开源的，这里大家要注意，那些很有名的“编辑器软件”都是个头很大的，我喜欢用精简一些的，因为主要工作是修改，不做开发，弄个几百兆的软件觉得有点大材小用。

另外，我还有个要求，那就是代码字体颜色和界面漂亮些，最好是免费开源的。如果好用的软件，花点小钱也OK。这节课分享给大家的软件都是免费开源的，都是我用过的，用着还不错的。以后有新的替代品，再追加分享。

另外这种编辑器，不是markdown编辑器，也不一定适合写作，我只是用它改php，js，html，css文件。关于写文章和markdown 我也有软件推荐，这个在以后再说。

我在苹果Mac电脑上用的最多的代码编辑器是TEXTMATE。

这个软件是苹果Mac电脑专有的，没有Windows版本，现在已经开源免费了，以前是付费的。早先是在一个国外网站上看到一张代码的截图，觉得很漂亮，黑底+彩色的代码，顺藤摸瓜找到了TextMate的官网，当时我还没有Mac电脑，但对这个软件的界面心向往之，之后买MacbookPro，这个软件也算是动力之一。

大家可以到TextMate 官网下载，这个软件有一点要注意，如果用它来编写普通文本，保存为txt格式，再用Windows打开，里面的文本不会换行，也就是换行符会失效，在Mac里打开没问题。

解决办法是：使用TM保存txt的界面，有一个选项，默认是LF，手动改成CRLF（回车换行），这是windows支持的格式。至于为什么，大家百度一下 CRLF和CR以及LF的区别。

下面我们看看，用TextMate打开html，php，js，css是什么样子的，现在的代码配色方式不是默认的。如何安装这个配色方案，也就是主题，这个主题如何获得，以后再讲。

下面说下Windows上的代码编辑器软件

我在Windows上用过很多这种编辑软件，满意的，用的时间长的不多。开始用过一些破解版，后来不用了。

之后换过NotePad++，还挺好用的，后来看了作者简介之后就删掉了。

还用过一阵子，一个特别小的绿色开源编辑器软件，启动速度特别快，比系统默认的文本编辑器好用，但是对代码编辑弱了些，弱了很多，也放弃了。

最近又找到了一个国产软件，叫HBuilderX，12MB，用过几次，还不错，这是一个分期分批开源的软件。

直接从它的官网下载，下载个压缩包，解压成一个目录，这是个绿色软件，放到一个固定的目录上，然后自己在桌面创建个快捷方式就行了。

可以拖拽打开文件，或者使用“打开方式”自己手动关联文件扩展名。

我们看看用HBuilderX打开html，php，js，css是什么样子，和TextMate是两种风格，各有特色。

这节课就到这里，下次课见。