More

    推荐两款免费的网页代码编辑器(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是两种风格,各有特色。

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

    achair
    achair
    大家好,我是achair,这个网站主要和各位分享一些经验,包括WordPress教程、苹果Mac电脑使用、游戏、电脑、数码、影视、生活等。更多关于achair信息,请点击 关于achair

    发表回复

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

    -广告位-

    achair推荐

    花小钱获得“苹果Mac软件”(叶子登录器)

    大家好,这次推荐和WordPress没有直接关系,有间接关系,估计很多同学用的是苹果的Mac电脑。 ...

    “全部WordPress课程”的学习顺序及如何优惠购买

    大家好,achair的《WordPress课程》,现在课程数量有点多,以后还会增加新课程和新课时,刚...

    achair的《免费公开WordPress视频教程》合辑(2020年9月29日整...

    大家好,这篇文章收录了截止到目前,所有achair教程网中的免费课时,目前还在增加中。免费课时的名称...

    购买正版WordPress主题(Avada, BeTheme, RT-Theme...

    大家好,在教程中经常出现Avada主题、BeTheme主题,这些主题是从哪来的?它们的官方购买地址是...

    “SiteGround主机”作为“WordPress当前首选虚机”的15个理由

    大家好,用WordPress做网站,目前推荐使用SiteGround主机,现在是2019年12月。 ...