您当前的位置:首页 > 电脑百科 > 程序开发 > 编程百科

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

时间:2019-11-01 09:28:46  来源:  作者:

大家好,我们在修改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. 属于轻量级软件,经常更新
推荐两款免费的网页代码编辑器(Win和Mac系统)

 

在苹果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是两种风格,各有特色。

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



Tags:编辑器   点击:()  评论:()
声明:本站部分内容及图片来自互联网,转载是出于传递更多信息之目的,内容观点仅代表作者本人,如有任何标注错误或版权侵犯请与我们联系,我们将及时更正、删除,谢谢。
▌相关推荐
然后我们再来看看,androidstudio的布局编辑器的使用. 可以先打开layout中的一个xml去看看,右边有所见即所得的编辑器,以前用eclipse,都是跑起来看,太麻烦了. ​可以看...【详细内容】
2021-04-14  Tags: 编辑器  点击:(114)  评论:(0)  加入收藏
前言后端程序员们常常会争论“什么是最好的语言”,而对于前端来说,我们没有选择,无论爱与恨,我们只能选择 JavaScript 。所以前端日常的争论就变成了“什么是最好的框架”以及...【详细内容】
2021-04-08  Tags: 编辑器  点击:(110)  评论:(0)  加入收藏
CKEditorCKEditor拥有10多年的开发经验,你可以完全放心此文本编辑器的质量。它支持70多种语言,我认为这是你网站的不错选择。它还可以运行在许多不同的浏览器上,并能很好地与...【详细内容】
2021-03-18  Tags: 编辑器  点击:(129)  评论:(0)  加入收藏
IDE没有统一的标准,只要自己用的习惯,就是最好的。下面为大家列出一些比较常用而且受欢迎的编辑器和IDE,大家可以根据自己的需要进行选择。VS Code是否支持插件:支持收费策略:免...【详细内容】
2021-01-18  Tags: 编辑器  点击:(80)  评论:(0)  加入收藏
从GIMP作为一个开源图像编辑器开始,进而引发GTK工具箱的诞生以及发展成为一个自成体系的项目,被成千上万的开发者使用到今天已经25年了。今年的GIMP的25岁生日虽然没有什么重...【详细内容】
2020-11-23  Tags: 编辑器  点击:(57)  评论:(0)  加入收藏
当打开这篇文章的时候,恭喜您已经解锁了新技能——右键功能。今天的文章主要讲的是鼠标右键在编辑器中的应用,小蚂蚁将从样式区、编辑区、配图区三大板块全面解锁右...【详细内容】
2020-11-20  Tags: 编辑器  点击:(39)  评论:(0)  加入收藏
今天给大家推荐一款超棒的H5可视化网页制作编辑工具H5DS。 h5ds 基于HTML5构建的web网页可视化制作器。通过轻松拖拽元素即可快速生成精美的H5页面。 技术栈 前端:React+Mo...【详细内容】
2020-11-12  Tags: 编辑器  点击:(130)  评论:(0)  加入收藏
文本编辑软件在任何操作系统上都是必备的软件。我们在 Linux 上不缺乏非常现代化的编辑软件,但是它们都是基于 GUI(图形界面)的编辑软件。正如你所了解的,Linux 真正的魅力在于...【详细内容】
2020-10-13  Tags: 编辑器  点击:(37)  评论:(0)  加入收藏
前言集成开发环境(IDE)允许开发人员用不同的编程语言运行代码,特别地,python IDE实际上是一种IDE,专门让您测试、运行和编辑用python语言编写的代码。当涉及到一个很大的项目时...【详细内容】
2020-10-09  Tags: 编辑器  点击:(40)  评论:(0)  加入收藏
Hosts 文件是一个 没有扩展名 的系统文件,但可以用 记事本 等软件打开它。默认情况下当我们访问某个网址时先使用 DNS 域名解析服务器进行解析访问,但如果有 特殊需要 时可通...【详细内容】
2020-10-09  Tags: 编辑器  点击:(69)  评论:(0)  加入收藏
▌简易百科推荐
一、Aliyun Java Initializr阿里中间件发布的定制版Spring Initializr。是集文档、erminal、编辑器三个窗口为一体的。 二、Cloud Toolkit简单来说就是可以快速部署远程服务...【详细内容】
2021-07-15  传智教育官方账号    Tags:在线工具   点击:(4)  评论:(0)  加入收藏
本文介绍PacketQueue,相对于FrameQueue来说比较简单,可以类比Android中的MessageQueue。PacketQueue总体介绍 单向链表结构。first_pkt、last_pkt,是链表的起点和终点结点;recyc...【详细内容】
2021-07-13  程序员老z    Tags:源码   点击:(3)  评论:(0)  加入收藏
TCP客户端:1.建立连接套接字,设置Ip和端口监听,socket()2.建立连接 connect3.write() 获取网络流量对象 发送数据4.read()获取网络流量对象 接收数据5.关闭套接字 TCP服务器端1...【详细内容】
2021-07-08  树朦胧    Tags:socket编程   点击:(8)  评论:(0)  加入收藏
Rust的异步功能很强大,但也以晦涩难懂著称。在本文中,我将总结之前提过的一些想法,并给出一些新的点子,看看这些想法放在一起能产生什么效果。...【详细内容】
2021-07-07  弯月  CSDN  Tags:Rust   点击:(6)  评论:(0)  加入收藏
1.进程 2.线程 3.主线程主线程就是java 中main方法 如果是单线程的话,有p1,p2两个对象,他们中间有一条语句。若是单线程,若这条语句出错,则p2不执行了。若是多线程则p2还可以执...【详细内容】
2021-07-04  程序猿凯撒    Tags:线程   点击:(14)  评论:(0)  加入收藏
作者 | edmz译者 | 王强策划 | 万佳多年来,我已经为很多 API 实现了客户端。为此,我整理了一份清单,列出了一些可以改善开发体验的小技巧。这些想法大都与 API 设计或架构无关...【详细内容】
2021-06-29  技术联盟总坛    Tags:API   点击:(16)  评论:(0)  加入收藏
本系列会讲述微信机器人技术的实现,第一讲主要了解微信网页版给我们提供的http接口,这一步是做一个基于微信网页版机器人的基础和难点。本讲将微信网页版的主要接口罗列出,并给...【详细内容】
2021-06-29  闪客sun  博客园  Tags:微信   点击:(12)  评论:(0)  加入收藏
我们看到很多关于在浏览器里使用js-ipfs的问题。这篇文章展示了用js-ipfs搭建最小化的聊天应用的例子,这个应用可以在浏览器中运行。它使用WebRTC去实现浏览器对浏览器的连...【详细内容】
2021-06-25  IPFSFilecoinFIL    Tags:IPFS连接   点击:(14)  评论:(0)  加入收藏
先举例子来理解这2个概念的区别。老师让两个同学去办公室谈话。如果这两同学(进程)是并列跨过办公室门(CPU)的,那么就是并行。如果同学A先进同学B后进入(或者先B后A),或者两人...【详细内容】
2021-06-24  linux技术栈    Tags:并发   点击:(18)  评论:(0)  加入收藏
这些年前端发生了天翻地覆的变化,几乎每隔几个月就有新的框架和技术诞生,有些技术可能你还没来得及学习,它就已经成为过去时了。2021年前端会有哪些变化,哪些技术会脱颖而出呢?Ja...【详细内容】
2021-06-23  梦回故里归来  今日头条  Tags:前端编程   点击:(18)  评论:(0)  加入收藏
最新更新
栏目热门
栏目头条