设计时使用的14个文本编辑器

【转自e良师益友网】对于设计师来说选择设计使用的软件工具时,可视化的工具的易用性通常非常优异,因为它更符合人们交互和操作的自然逻辑。不过要精准控制网页和程序,你总需要一款称心如意的文本编辑器来帮你搞定代码。


某种程度上来说,文本编辑器看起来没有可视化程序那么高大上,但是多年以来网页开发的方式和基本流程都没有本质上的改变,因此网页开发也无法和文本编辑器
割裂开来。热爱文本编辑器的开发者和设计师都很清楚,一个得心应手的文本编辑器不仅高效而且具备良好的可控性,助力设计,加速开发。

下面我们看看精心挑选的14款文本编辑器。这14款编辑器覆盖了从桌面到移动端不同系统全部平台,不论你的使用环境和需求是如何,总会有一款文本编辑器符合你的需求。

1、Notepad++

系统平台: Windows

这真心是一款怀旧的文本编辑器,这款基于windows记事本的文本编辑器有着比前者更为强大的功能,不论从功能还是从资历上来讲,它都足以排在第一的位置上,尤其它还是一款免费的应用。功能强大,功能众多,符合需求。

2、CoffeeCup Free HTML Editor

系统平台: Windows


果你是一名网页开发初学者,CoffeeCup这款免费HTML编辑器绝对是一个省心的选择,它并没有像Notepad++那样因为兼容各种不同的编程语
言而需要你为学习HTML进行预先设置,也没有集成CSS编辑器和FTP管理程序而让你分心。在编辑HTML代码这件事上,它称职而靠谱,内置的本地帮助
文件会引导你了解它,从入门功能到进阶应用。另外,CoffeeCup支持S-Drive网盘,帮你在云端同步和管理源代码。

3、BBEdit

系统平台: OS X

BBEdit 是一款Mac平台上存在了超过20年的应用!它的历史比MacOSX还要长,可以追溯到上世纪Mac OS 9 和Mac OS
8的时代。虽然目前的BBEdit在UI设计上还没有跟随时代潮流,但是技术积累和功能完善程度上绝对是文本编辑器领域的老司机了。BBEdit方便配
置,可脚本化,基友精湛的查找和替换功能,针对不同的语言语法高亮,具备版本控制功能。在最新的一版的更新中,BBEdit的字符串匹配功能得到了明显的提升。

4、Bluefish

系统平台: Windows, OS X, Linux
Bluefish是一款对于设计师而言颇为友好的应用,它可以针对多种不同的语言语法高亮(ASP.NET、CSS、HTML、
JavaScript、PHP,等等),便捷的代码折叠管理,还具备功能强大的查找、搜索和替换工具,支持文档模板,针对CSS、表单、音频和视频文件的
添加有所优化,快速标记标签的同时,你还可以轻松预览编辑效果。值得一提的是,这款免费应用还是横跨三大桌面操作系统平台,喜欢用Linux的前端有福
了~

5、Brackets

系统平台: Windows/OS X/Linux

这是早期Adobe的开源免费文本编辑器,非常有看头。换句话来说,这款横跨三大平台的代码编辑器出身良好,在保证简单实用的同时,经验丰富的程序员还可以根据自己的喜好玩出更多的花样,将其调教得得心应手。

6、Coda

系统平台: OS X

Coda是一款专门为使用Mac的网页设计师所开发的代码编辑器,这款程序的开发者有着设计师应有的视角,注重细节,对需求的把握非常精准,UI设
计比起BBEdit更加现代。相比初代的Coda,Coda2更加简约时尚,也加入了大量的新功能,还内置了MySQL编辑器。这款应用不仅有Mac版
的,还有iPad的版本,移动办公利器哦~

7、Code Writer

系统平台: Windows 8

虽然windows平台上的代码编辑器不少,但是在Windows8平板上体验足够好的,方便移动使用的好的代码编辑器屈指可数,而Code
Writer就是其中之一。Code Writer界面时尚,整体设计非常符合Windows
8的Metro风格,而功能上也非常到位,语法识别、自动纠错等一个都不少。

8、DroidEdit Pro

系统平台: Android

其实Android平台上现在已经有很多代码编辑器了,但是其中绝大多数都比较粗糙。现在Android设备的型态多样,下至2英寸的智能手表,上
至12英寸的平板和笔记本,很多产品都具备成为生产力设备的可能性,一个靠谱的代码编辑器还是很有必要的。DroidEdit Pro
拥有干净清爽的界面,功能也比较完整,还可以同步Dropbox,支持SFTP和FTP功能。为了方便使用,DroidEdit
Pro还可以灵活的配置快捷键,方便内置和外置的键盘编写代码。

9、Sublime Text

系统平台: Windows/OS X/Linux

Sublime Text是近年来最热的代码编辑器之一,覆盖了Windows、Mac和Linux三大平台,是功能完备的通用文本编辑器,并且提供非常灵活的个性化设置,以及非常完备的快捷键和辅助功能。对于网页开发者而言,Sublime Text 非常值得推荐。

10、Textastic

系统平台: iOS

Textastic是一款iOS端的代码编辑器,比起同平台的Coda更加高效。代码编辑器常见的功能它都具备,包括FTP和SFTP的支持和远程预览,语法高亮等,借助快捷键的虚拟键盘,你可以快速高效地编写代码。另外,它还支持TextExpender扩展。

11、TextMate

系统平台: OS X

TextMate 和Sublime Text
在视觉和概念上有许多共通的地方,拥有非常相似的功能集。不过作为Mac平台的专属应用,TextMate
有许多设计和特性是为Mac专门定制,这一点是它的优势。现在TextMate已经开发到2.0的版本,提供预览版下载。

12、Vim

系统平台: Windows/OS X/Linux/Android/iOS

老牌编辑器VIM绝对是代码编辑器领域的传奇,历史悠久,技术背景深厚,学习曲线陡峭,但是功能极端强大。随着时代的发展,VIM现在已经覆盖全部
平台,是真正意义上的全平台覆盖。如果你正在寻求一个功能强大,跨平台,灵活高效,方便自定义支持宏的强大代码编辑器,VIM绝对是不二之选。

13、Atom

系统平台: OSX 10.8 or later, Windows 7 & 8

2008年GitHub成为全球范围内代码存储和管理平台之后,借助这个平台发布的工具也成了许多开发者的首选。Atom也是借助GitHub逐渐
火起来的代码编辑器。因为它被设计为简单而开箱即用,并且具备上百个拓展包,Atom被成为“21世纪最易于定制的文本编辑器”。喜欢就下载吧!

14、ICEcoder

系统平台: Windows/OS X/Linux

ICEcoder是一款非常特殊的代码编辑器,因为它可以直接在浏览器内使用,并且兼容三大主流桌面平台,不论你是在线还是离线,都可以无碍使用。ICEcoder设计得非常轻巧,易于安装使用。虽然程序不大,但是它所包含了一个代码编辑器所需要的几乎全部功能。

还有更多网页设计教程视频供你学习没请登录e良师益友网。

时间: 2024-10-27 19:29:43

设计时使用的14个文本编辑器的相关文章

【Qt5开发及实例】14、实现一个简单的文本编辑器3

实现文本编辑器的图片旋转功能 基础界面实现:http://blog.csdn.net/cutter_point/article/details/42839071 首先在原来的基础上添加槽函数: void ShowRotate90(); //旋转90度 void ShowRotate180(); //180度 void ShowRotate270(); //270度 函数连接: //实现图片的选择动作 //旋转90° rotate90Action = new QAction(QIcon(":/ro

Vim,一个开放源代码的文本编辑器(转)

Vim,http://linux.21ds.net/2002/03/13/0268dc26fd9c725c23dae68d797935f3/ 作者:Bram Moolenaar 翻译:slimzhao 开放源码的自由软件-VIM的主创者在本文中讲述了 vim的开发内幕和发展方向. 同时提出慈善软件的概念并解释了Bram为何将这一概念用之于vim. 本文也深入程序内部的函数和数据结构, 作者讲述了vim这一复杂的程序是如何工作的, 并且讨论了在vim最新版6.0中的新功能. 介绍 不太可能你还从来

C# RichTextBox 制作文本编辑器

本文利用一个简单的小例子[文本编辑器],讲解RichTextBox的用法. Windows窗体中的RichTextBox控件用于显示,输入和操作格式化的文本,RichTextBox除了拥有TextBox控件的所有功能外,还可以显示字体,颜色,链接,从文件中读取和加载图像,以及查找指定的字符.RichTextBox控件通常用于提供类似字体处理程序(如Microsoft Word)的文本操作和显示功能.RichTextBox控件可以显示滚动条,且默认根据需要进行显示. 涉及知识点: Selectio

20150129--在线文本编辑器

和涛哥学习MVC项目四 目录 和涛哥学习MVC项目四... 1 一.在线文本编辑器... 3 1.在线文本编辑器使用场景... 3 2.文本编辑器分类... 3 1)ewebeditor:国产编辑器(收费)... 4 2)fckeditor. 4 3)ueditor(百度在线编辑器)... 5 4)kindeditor(可以实现响应式)... 5 5)ckeditor(最著名的文本编辑器)... 6 3.ckeditor的使用... 6 1)下载使用... 6 2)ckeditor历史... 7

java简单文本编辑器

一.前言 聚天地之灵气,集日月之精华!一个简单的java文本编辑器由此而生.毕设所需,很是无奈! 二.界面预览     三.实现思路 1.字体选择器的实现 (1).字体类 class MyFont{ private Font font; private Color color; public Font getFont() { return font; } public void setFont(Font font) { this.font = font; } public Color getCo

Ckeditor一种很方便的文本编辑器

ckeditor官网:http://ckeditor.com/ 这里介绍ckeditor的其中一个的用法,自己做小项目练手非常的适合,上手非常的快. 首先去官网下载这个东西,链接:http://pan.baidu.com/s/1nuXePuD 密码:rrr0,需要特别说明一下,这个东西需要配置,但是具体配置我也不是很清楚,所以你看到着篇博客,练习的话,最后使用上面上传的这个东西,目录呢,如图所示. 1:首先将这个ckeditor文件夹放到webcontent目录下面,然后进行开发. 使用这个文本

ASP.NET网站使用Kindeditor富文本编辑器配置步骤

1. 下载编辑器 下载 KindEditor 最新版本,下载页面: http://www.kindsoft.net/down.php 2. 部署编辑器 解压 kindeditor-x.x.x.zip 文件,将editor文件夹复制到web目录下  3.在网页中加入(ValidateRequest="false") 1 <%@ Page Language="C#" AutoEventWireup="true" ValidateRequest=

cogs 330. [NOI2003] 文本编辑器

★★★   输入文件:editor2003.in   输出文件:editor2003.out   简单对比 时间限制:2 s   内存限制:128 MB [问题描述] 很久很久以前,DOS3.x的程序员们开始对EDLIN感到厌倦.于是,人们开始纷纷改用自己写的文本编辑器…… 多年之后,出于偶然的机会,小明找到了当时的一个编辑软件.进行了一些简单的测试后,小明惊奇地发现:那个软件每秒能够进行上万次编辑操作(当然,你不能手工进行这样的测试)!于是,小明废寝忘食地想做一个同样的东西出来.你能帮助他吗?

轻量级富文本编辑器wangEditor源码结构介绍

1. 引言 wangEditor——一款轻量级html富文本编辑器(开源软件) 网站:http://www.wangeditor.com/ demo演示:http://www.wangeditor.com/wangEditor/demo.html 下载(github):https://github.com/wangfupeng1988/wangEditor QQ群:164999061 从我发布wangEditor到现在,大概有七八个月了,随着近期增加的插入视频,表情,地图这三个功能,目前为止基本