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

0
75

大家好,我们在修改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是两种风格,各有特色。

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

发表回复

请填写评论
请填写您的名字