一路的前端编辑器

记得刚刚开始接触前端工作的时候,跟许多人一样一开始都会选择DW,DW以完善的代码提示及友好的所见及所得的辅助功能一直是广大前端教学者的首选工具。在使用DW一年中也一直觉得DW是个很好的前端工具,直到同事推荐我使用另一个前端工具—sublime,当时就有些犹豫需不需要换一个工具了,百度几翻搜搜,都会听到一个结果,sublime是一个不可少的前端神器,网上一次次的神器呼唤,也强迫自己放弃已熟悉的DW,刚刚开始接触sublime还有些别扭,像中文乱码,代码折叠不理想,代码提示不完善整的焦头烂额的,但网上都有相应的插件可以改善,不久便远远的抛弃了DW,迷恋上了sublime,有几次去同事电脑上帮看代码,发现同事用的还是DW,怎么写怎么个感觉不舒服,一直强烈推荐我身边的前端朋友用sublime.

sublime主要的特点有:程序本身很小,启动速度快(基本是秒速),丰富的辅助插件,高大上的优美界面。

最让我喜欢的是它的文件强大的编辑功能让我爱不择手,TAB快速生成代码,f2标签功能,文件对比功能,是常用而且屡试不爽的,如下图所示。

下载地址:http://www.cr173.com/soft/22141.html

常用插件说明地址:http://blog.csdn.net/nivana999/article/details/7823805

虽然sublime经常用出现中文乱码,标签折叠经常自动打开会带来些小麻烦,但也足以能称为前端神器啦,感觉它给我工作带来的便捷与心情,再次申明sublime确实是神器。

前几天晚上下班看到公司长沙分部有同事在推荐另一款前端工具,是由adobe开发的,叫做brackets,开始我也感觉应该也就是那么回事,再强也不可能强过sulime,但既然同事推荐啦,也就可以试着玩玩,没想到的sublime的偶尔出现中文乱码,标签折叠自动打开的小BUG,代码提示功能弱都在brackets完美解决,而且brackets安装包也很小,只有38M,界面可以在多种语言之间切换,安装插件不需要像sublime那样麻烦(但偶尔会出现点小失败,重装就好啦),也有丰富扩展插件来完辅助开发,更称奇的是sublime的同时编辑多个地方的编辑功能竟然也有,更让我惊讶的是鼠标放到图片链接上还可以预览图片,快速检测图片是否链接成功,也支持分窗口打开文件的功能,真的是让我眼前一亮,brackets还支持html在google下实时预览,避免了频繁的手动刷新,是一个比较突破的功能,如果再完善下下实现所有浏览器,但公司做的项目都是JSP格式的也就没怎么用上,但至少是一个尝试,相信会有更完善的实时预览会现世的,期待那一刻,果断的选择了brackets.

在使用将近一周的时间里,发现brackets的许多快捷键都跟sulime相同使用过sublime轻松上手,但是有点小遗撼的是,它少了快速选择相同词的功能,还有文本不能直接拖动只能剪贴粘贴来移动选择的文本,金无足赤,也无伤大雅,至少在用的这一周感觉爽歪歪,希望能有更多的人能用它,给工作带快捷,带来好的心情。

附上图片如下:

下载地址(官网):http://brackets.io/

常用插件说明:http://my.oschina.net/gzyh/blog/267506

时间: 2024-08-02 10:07:52

一路的前端编辑器的相关文章

浏览器更改实现webstrom等前端编辑器的同步更新

经常写css时是不是浏览器调一下几像素,然后会编辑器改改改,有时候改好几次,真的是累死宝宝了,最近发现了谷歌浏览器的强大功能,更改实现代码同步更新,直接可以浏览器写代码同时实现同步刷新了,而且最重要的不需要借助任何插件,只要有谷歌浏览器就好,下面分享一下实现的步骤. 1.工具准备 前端编辑器肯定是必须的啦,另外还需安装谷歌浏览器 2.在浏览器打开要同步的项目--F12打开控制台---sources(如下图) 3.接下来的操作就很关键啦sources下找到文件路径--右键add folder...

其他-Web前端编辑器-Brackets

Brackets是一款基于web(html+css+js)开发的web前端编辑器.它有许多普通编辑器难以实现的功能,是web前端开发者的神器. 戳我去下载 其功能如下: 1.快速编辑 将光标定在颜色上,按下快捷键Ctrl+E即可编辑颜色. 将光标定在标签或者class或者id上,Brackets就会搜索整个目录下的css,列出匹配的项,快速编辑样式,再也不用到处找样式啦! 2.快速文档 文档是英文的,快捷键是Ctrl+K,简单测试得出,可以提示css属性的用法 3.多点编辑 选中一串字符,按Ct

前端编辑器-自定义html模板

1.webstorm 自定义html模板 我们需要找到设置创建模板的地方,步骤如下: File  ->  settings ->  Editor  ->  File and Code Templates 找到这个位置,我们就会看见这个界面,在导航栏的右侧部分的左上角有个+号我们就可以开始创建模板了, 如上图所示,Name所对应的地方是用来写HTML模板的名字, 这会方便我们选择的是哪一个模板, Extension是我们我们的模板是什么类型的文档,此地理所应当是填html, 空白区域是放h

新手必需用!大道至简的前端编辑器Sublime Text

很多人在进入学习前端的时候(包括我自己),除了选择学习合适的技术,还需要一个得(自)心(己)应(喜)手(欢)的开发工具,一个得心应手的开发工具除了可以令你的效率大大提高,也可以令你在写代码的时候,心情舒畅 O(∩_∩)O. 我的第一个前端开发工具就是Sublime Text ,说一说我对它的理解吧. 在学习前端的时候,我也像很多人那样上网搜一搜前端开发应该选择什么样的开发工具,一搜,结果几乎大部分结果都是推荐 Sublime,于是乎下载了一个,结果下载完打开一看,黑乎乎的窗体,一点也不华丽啊(s

sublime Text2——轻量级前端编辑器

之前在知乎上搜索好用的前端开发工具,投票最多的是webStrom,试用过后发现果真好用,代码补全,代码检查,支持主流的版本控制,比如git,svn等等.但是毕竟是一款集成的IDE,启动速度慢.吃内存是不争的事实. sublime text2就弥补了这个不足,轻量级,秒速启动,不吃内存.而且有许多给力的插件包,可以根据需要配置成强有力的编辑神器,我主要用他来写html.javascript,下面是具体的配置步骤: 1.下载安装sublime text2 http://www.sublimetext

对于这个平台对我的支持,感谢一路的前端之路

哈哈又来给你们种草了,还是一款免费的虚拟主机,好用,也不卡,一个月偶尔会卡一点,但无大碍,嘻嘻,我超级喜欢做网站,我现在在做一个新闻网站,超级浪费我时间,不过有了免费,,,,的虚拟主机,,,我开启了我的互联网第二步啦,也很感谢三.丰.云[一直以来对我们的扶持] https://www.sanfengyun.com 可以直接打开的哦, 功能超级多,满足需求,另外我强烈推荐你们去使用一下哈,注]册一个账号[]就可以免‘’费使用啦,,我的网址:hshaoyun.top,广东未来新闻网站正在建设中,新闻

5款非常好用的前端在线编辑器推荐

使用在线编辑器的好处: I     提供各种在线JS或css框架 II    实时预览代码效果 III   线上保存代码 IIII  可分享 下面推荐几款很不错的在线前端编辑器 1.jsfiddle 界面简洁 支持登录保存代码 但不能实时预览 支持emmet Demo:http://jsfiddle.net/m/rdb/ 2.jsbin 可登录保存代码 fork代码 可实时预览 支持emmet 个人感觉界面不是太友好 Demo:http://jsbin.com/sewola/4 3.dabble

前端工程师怎么提高自己的编码速度

我在这里所说的编码速度不忽略质量,而是保证质量的前提下,怎么提高我们的编码效率.今天我们主要说一下的是前端编辑器中可以安装的一款强大的插件--emmet,无论你使用的是dw还是sublime等等编辑器. 1.首先给自己的编辑器安装emmet插件: 2.掌握emmet语法: 3.多有意识的使用练字(好像说了一句废话??) 其实只要你掌握基本的css选择器,学起来emmet语法是非常简单的,比如什么#(id选择器),>(子元素选择器),[](属性选择器)等,前面我们有总结过一篇前端工程师必须掌握的3

【完整靠谱版】结合公司项目,仔细总结自己使用百度编辑器实现FTP上传的完整过程

说在前面 工作中会遇到很多需要使用富文本编辑器的地方,比如我现在发布这篇文章离不开这个神器,而且现在网上编辑器太多了.记得之前,由于工作需要自己封装过一个编辑器的公共插件,是用ckeditor改版的,目的是要兼容公司所有项目,使用方便.废话不多说,今天写这篇文章,一是总结自己学习复习,二是关于FTP上传官方资料太少,也便于他人少趟坑,我在这里会说的很细很明白,希望亲们以后不要中枪了! 关于编辑器的简单部署 去官网下载后,我们需要把下载的编辑器文件夹,摘一部分放到项目中,下载之后的目录,如下图(我