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

资料来源：网络整理时间：2023/3/22 4:24:36 共计：3616 浏览

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

　　代码编辑器应用场景

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

　　这种代码编辑器在Windows系统上有很多，我之前经常用Dreamweaver，自从用了WordPress之后，DW很少打开，后来干脆卸载了。我现在在Windows第三方平台上使用“HBuilder X”，官方网址：文件，这些文件里虽然保存的都是文本信息信息，但是，不能直接用操作系统默认的文本信息编辑器调整修改，因为这种文件里除了有能看到的纯文本文字以外，还有一些其他信息，例如编码。如果用系统自带的文本信息编辑器调整修改保存后，这些隐藏信息会丢失，文件代码虽然看上去一样，但是上传到we服务器上，会导致网站站点出错。

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

　　这种代码编辑器软件，我也一直在用，以前用的最多的是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支持的格式。至于为什么，大家baidu百度一下 CRLF和CR以及LF的区别。

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

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

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

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

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

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

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

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

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

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

版权说明：
本网站凡注明“广州京杭原创”的皆为本站原创文章，如需转载请注明出处！
本网转载皆注明出处，遵循行业规范，如发现作品内容版权或其它问题的，请与我们联系处理！
欢迎扫描右侧微信二维码与我们联系。

·上一条：建品牌站，当下最实用的企业品牌网站建设解决方案，请收好! | ·下一条：为什么要定制网站，有哪些类型？