作为纯文本编辑工具notepad++，editplus等，他们都是依赖于特定的配置文件进行语法加亮的，不过editplus内置了html与css的配置文件，而notepad没有。
但是最佳的解决方式是使用专业的编辑工具，如webstorm。作为一款专业的前端编辑工具它同时集成了对很多常用js库的支持，如jQuery, angularJS等，这样在编写js的时候除加亮外还能得到录入提示，会方便很多。
1、Notepad++
大部分开发人员都听说或使用过这个代码编辑器，记事本的增强版，免费开源、小巧灵活、使用方便，支持常见的自动补全、语法提示、代码高亮，可编辑语言多达27种，常见的html，css，javascript，java，python，c++等，都可直接编辑，是一款非常不错的代码编辑器。
2、EditPlus
这也是一款小巧灵活的代码编辑器，功能类似于Notepad++，拥有强大的文本处理功能，界面简洁美观，启动速度较快，支持常见的语法高亮、代码折叠等功能，还可直接编辑运行html网页，可扩展性也比较强，唯一的不足就是不支持代码提示功能，自动补全功能相对较弱，但总体来说，也是一个非常不错的代码编辑器。
3、VSCode
这是由微软开发研制的一款免费、开源、跨平台的代码编辑器，支持几乎所有主流语言开发，常见的语法高亮、智能补全、语法检查、括号匹配，这个软件都支持，除此之外，还支持git功能，插件扩展丰富，下载配置相关插件后，可直接调试、运行python，java，c++等程序，在业界是一个非常受欢迎的代码编辑器。
4、Atom
这个是由GitHub专门为广大程序员开发的一款免费、跨平台的代码编辑器，用于强大的文本编辑处理功能，常见的语法提示、代码高亮、智能补全，这个软件都能很好的支持，界面简洁、直观，还支持宏和文件管理器功能，对于初学者来说，是一个非常不错的选择。
5、Sublime Text
这也是一个非常不错的代码编辑器，小巧灵活、轻便快捷、界面友好，相信大部分开发人员都使用过，常见的代码高显亮、智能补全等功能，这个软件都能很好的支持，除此之外，插件扩展机制也相对丰富，配置相关文件后，可以直接调试运行python等程序，也是一个非常不错的代码编辑器。
建立一个属于自己的xhtml文件：菜单【File】→ 【New】→ 【Configure templates...】→ 在打开的对话框中“填上”菜单中显示的文字，以及模板文件的路径，就可以了。下次当你再次选择【File】→ 【New】的时候，就能够看到你建立的模板了。顺手的侧边栏
如果你看不到侧边栏，可以使用快捷键（Alt + Shift + 1）。侧边栏包含了“快速目录路径”和“快速剪贴板”功能。“快速目录路径”就不说了，重点来说说“快速剪贴板”功能吧。其实说白了，就是一个地方，这个地方可以存放一些代码片断、常用文言等等文字。当你需要这些文字的时候，只要双击，就可以方便的添加到光标所在位置了。默认情况下会有一些html，css代码，但是，说实话，我是不太经常使用那些东西的，那么多，找到都累死了。所以，我喜欢建立一个自己最常用的“剪贴板”库，因为是自己建的，所以用着就会比较顺手了。
你可以通过这种方式来建立自己的“剪贴板”库文件。在Cliptext侧边栏上的下拉列表框上点击右键 → 新建 → 填写文件名和显示标题→ 在新建的空白侧边栏上点击右键 → 新建 → 填入显示文本和代码即可。
自动完成功能
想象一下，作为一个经常制作网页的人来说，当你打一个“ua”字，然后按下空格，编辑器里面就出现了右边的代码，而且鼠标就停留在第一个href的双引号之间。那是多么愉快的事情。这就是EditPlus的自动完成功能，使用EditPlus的自动完成功能将会极大的提高你的工作效率。而且我们可以根据不同的文件类型，建立不同的“自动完成”，例如，如果是xhtml文件，打“b”+ 空格”，就是 ，而在css文件中，“b”+ 空格”，就是 "border:1px solid red"。非常的人性化。
你可以通过这样的设置，来使用EditPlus的自动完成功能。【Tools】→【Preperences】→ 【Files】→ 【Settings &syntax】 → 在【File types】中设置一下文件类型，然后再【Auto completion】中选择自动完成文件即可（如果你使用的是我那个 EditPlus压缩包文件，请注意调整这里的自动完成文件的路径）。自动完成文件我们可以自己进行编辑，这里我举个简单的例子，展开下面的代码，这个便是我css文件自动完成的文件内容，以第11行的“#T=bor”为例，它的意思就是如果输入bor然后按空格，就在光标所在位置插入“border:1px solid red”
彩色的文件
很多的开发工具都有语法高亮显示功能，EditPlus虽小，但是也有这个功能哦。设置方法可以参考图片5所示。和“自动完成”功能一样，只要为不同的文件类型指定“高亮语法”文件即可。css、html等常用的文件类型，EditPlus已经自带了高亮语法文件。如果自带的高亮语法文件没有你需要的，你可以去EditPlus官方网站的文件下载频道去看看，来自全球各地的朋友，贡献了很多的不同文件类型的高亮语法文件。可以很方便地免费下载到。
这里就稍微列举一下比较常用的EditPlus的高亮语法文件，更多的请到EditPlus的官方网站下载。[7]
正则表达式
EditPlus中的查找（替换）功能，支持正则表达式。使用正则表达式可以极大的提高查找（替换）的强悍程度。因为正则表达式这东西不是一句话就能说完的，而且偏离此篇文章主题，所以这里只列举几个常用的例子。对此有兴趣的可以参考正则表达式资料，或者在EditPlus的help中“Regular Expression”关键字进行索引查找。
使用正则表达式进行查找（替换）的方法如上图所示，选择查找（替换）对话框中“Regular Expression”前面checkbox。点击查找（替换）文本框后的“倒三角”可以选择常用的正则表达式。
矩形选区
看到这个词，好像是说图像处理工具，其实非也，不管是VS还是EditPlus，其实都是支持矩形选区的。这对处理一些形如：去掉文章前端行号的情况有特效，矩形全区的选取方式就是按住Alt键，然后用鼠标划矩形选区(如图7所示)。需要注意到是在“自动换行”的情况下，是不能使用“矩形选区”的。你可以使用Ctrl+Shift +W来切换“自动换行”或者“不自动换行”视图。
快捷键
如果一个来你们公司面试程序员，连Ctrl + C 和Ctrl + V 都不用，而是使用“选中文本”→ 鼠标右键 → 【复制】，然后再鼠标右键→ 【粘贴】。你会不会录用他呢？（你还别笑，以前我们公司还真面试过一个这样的，所谓的“精通asp”的程序员）。所以熟练的使用软件的快捷键，不仅仅能够极大的提高工作效率，也从一个侧面表现出一个人对此软件的使用能力。EditPlus同样也有很多的快捷键，下面是一些我经常使用的EditPlus特有的快捷键（Ctrl +C 、Ctrl+H这样的通用快捷键就不介绍了），略举一二，更多的请参看文章《EditPlus快捷键》
以浏览器模式预览文件 Ctrl + B
开始编辑“以浏览器模式预览的文件” Ctrl + E
新建html文件Ctrl+Shift+N
新建浏览器窗口 Ctrl+Shift+B
选中的字母切换为小写 Ctrl+L
选中的字母切换为大写 Ctrl+U
选中的词组首字母大写 Ctrl+Shift+U
复制选定文本并追加到剪贴板中 Ctrl+Shift+C
剪切选定文本并追加到剪贴板中 Ctrl+Shift+X
创建当前行的副本 Ctrl+J
复制上一行的一个字符到当前行 Ctrl+-
剪切选定文本并追加到剪贴板中 Ctrl+Shift+X
合并选定行 Ctrl+Shift+J
反转选定文本的大小写 Ctrl+K
开始/结束选择区域 Alt+Shift+B
选择当前行 Ctrl+R
全屏模式开/关 Ctrl+K
显示或隐藏标尺 Alt+Shift+R
显示或隐藏制表符与空格 Alt+Shift+I
显示函数列表 Ctrl+F11
转到当前文档的指定行 Ctrl + G
设置或清除当前行的标记 F9
转到下一个标记位置 F4
转到上一个标记位置 Shift+F4
清除当前文档中的所有标记 Ctrl+Shift+F9
搜索一对匹配的括号 Ctrl+]
搜索一对匹配的括号并选择该文本 Ctrl+Shift+]
切换当前文档的自动换行功能 Ctrl+Shift+W
编辑当前 HTML 页面的源文件 Ctrl+E
