Notepad++前端开发常用插件介绍

Notepad++前端开发常用插件介绍

Notepad++除了自身的功能强大之外,更是有许多非常的优秀的插件,下面就总结一下前端开发过程一些比较常用的插件。

Emmet

Emmet的前身是Zen Coding,一款使用仿CSS选择器的语法来快速开发HTML和CSS的插件,是前端开发神器。它无视了编辑器的自动提示和自动完成,秒杀了你自定义的各种快捷键或者 AHK 的热字符串,以智能简洁高效的缩短输入,带给你超快速地书写各种复杂而枯燥的 HTML 和 CSS 代码的体验。现在可以在Notepad++的插件管理器里直接安装了。

例如:输入div#name后按Ctrl+E被转换成<div id="name"></div>

详细用法参考: http://www.gbtags.com/gb/share/1996.htm

Finger Text

标签代码替换和文本自动完成插件,编辑器配合这个功能可以有效地提升代码的书写速度,提高自己的工作效率,例如我输入if然后按Tab键将会把if替换成一个完整的if结构,可以极大的提高效率,当然具体怎么替换是可以配置的。详细用法参考: Finger Text

TextFx

这个号称是Notepad++上面最好用的plugin,具有超强的文本处理能力,比如文本编码处理等。编程某种程度上就是文本工作,所以这个插件对开发人员应该是非常有帮助的。以前是默认安装的,现在需要自己手动安装。详细用法可以参考:http://zhibin07.iteye.com/blog/1287234

Task List

自动扫描当前文档,将所有"TODO:"开头的注释都找出来,列在右边的面板中,双击可以跳转该行。这和Eclipse里的TODO功能很相似,便于标记查找没有完成的工作。

HTML Tag

编辑HTML代码时比较有用,它主要的功能是匹配选择的标签,对HTML标签编码及解码,对JS编码及解码,我认为对HTML标签编码及解码是最有用的功能了。

TagsView

可以列出当前文档的全局变量,函数列表等,方便查找定位函数,变量等。

JSON Viewer

可以以树的形式查看JSON,同时可以格式化JSON,增加缩进。

JSLint

JSLint一个JavaScript语法检查工具,可以检查你的代码是否优秀,规则请参考<<JavaScript语言精粹>>。

RegEx Helper

在文档的中匹配正则表达式,可以用来测试正则表达式。

Compare Plugin

一个非常实用的工具,可以用来比较两个文件不同之处,主要用来对比相邻的两个文件。

Explorer

一个文件浏览窗口,可以在里面创建文件,文件夹等。还可以快速定位当前打开的文件的文件夹。

File Switcher

一个快速切换窗口的工具,支持通过输入文件名,路径或者tab index来查找切换,可以用来替换默认的Ctrl + Tab。

如需转载,请注明来自: BorisHuai前端修炼 > Notepad++前端开发常用插件介绍

时间: 2024-12-16 12:01:23

Notepad++前端开发常用插件介绍的相关文章

CDN公共库、前端开发常用插件一览表(VendorPluginLib)

=======================================================================================前端CDN公共库====================================================================================== 为什么使用前端CDN公共库: 使用前端CDN增加网页的并行载入速度,减少本地服务器的负担,节省流量.我们把静态资源放到自己的服务器上面固

前端开发常用插件总结

一.PC端 1.JQuery ( 1.7.0 ~ 3.1.o 版本 ) 官网:https://jquery.com/ JQuery是轻量级的js库 ,它兼容CSS3,还兼容各种浏览器(IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+),jQuery2.0及后续版本将不再支持IE6/7/8浏览器. 强大的选择器 出色的DOM操作的封装 可靠的事件处理机制 完善的ajax 不污染顶级变量 出色的浏览器兼容性 链式操作方式 隐式迭代 行为层与结构层分离 丰富的插件支持

项目前端开发常用插件汇总

树形结构展示 zTree 是一个依靠 jQuery 实现的多功能 "树插件".优异的性能.灵活的配置.多种功能的组合是 zTree 最大优点.专门适合项目开发,尤其是 树状菜单.树状数据的Web显示.权限管理等等. zTree 是开源免费的软件(MIT 许可证).在开源的作用下,zTree 越来越完善,目前已经拥有了不少粉丝,并且今后还会推出更多的 zTree 扩展功能库,让 zTree 更加强大. ZTree的特点: zTree v3.0 将核心代码按照功能进行了分割,不需要的代码可

sublime text 3 前端开发常用插件

代码对齐: Alignment html代码补全:  Emmet CoffeeScript语法:  Better CoffeeScript css格式化:  CSS Format less语法:  LESS js代码格式化: JsFormat 代码注释文档:  DocBlockr 代码美化: HTML-CSS-JS Prettify 去除行尾空格:  TrailingSpaces 语法检测:  SublimeLinter, SublimeLinter-coffeelint, SublimeLin

Sublime Text 前端开发常用扩展插件推荐

Sublime Text 前端开发常用扩展插件推荐 Sublime Text Sublime Text 是程序员们公认的编码神奇,拥有漂亮的用户界面和强大的功能 更重要的是,Sublime Text 易于扩展,众多开发人员为其贡献插件,而且通过包管理工具 —— Package Control 可以方便安装和管理. Package Control 安装方法 首先通过快捷键 ctrl+` 或者 View > Show Console 打开控制台,然后粘贴相应的 Python 安装代码. Sublim

Grafana、collectd 和 InfluxDB 打造酷炫监控系统(四)常用插件介绍和自定义数据篇

一.常用插件介绍 获取指定端口的连接状态ESTABLISHED.CLOSE_WAIT.LISTEN等 tcpconns: <Plugin tcpconns> ListeningPorts false LocalPort "80" RemotePort "80" </Plugin> 获取Nginx的状态 nginx: <Plugin nginx> URL "http://test.tt.com/NginxStatus&qu

推荐一些前端开发常用框架

1.动态加载js 1).sea.js Sea.js 追求简单.自然的代码书写和组织方式,具有以下核心特性: 简单友好的模块定义规范:Sea.js 遵循 CMD 规范,可以像 Node.js 一般书写模块代码. 自然直观的代码组织方式:依赖的自动加载.配置的简洁清晰,可以让我们更多地享受编码的乐趣 一般对于单页面的网站比较适合是国内的以为大牛写的 地址:http://seajs.org/docs/ 网易的有道云笔记网页版用的就是这个 可以看看他的js代码 http://note.youdao.co

前端开发常用网址

工欲善其事,必先利其器.从事前端工作,经常会用到的工具: 1. 生成图片的css http://www.spritecow.com/ 2. 自动生成图片: (如何配置:http://dummyimage.com/) http://dummyimage.com/300x240/c59/fff.png 3. 汉字转unicode|unicode转汉字 www.guabu.com/zhuanma/ 4. Javascript在线压缩.解压 http://js.clicki.cc/ 5. 在线查看jso

1500个前端开发常用JavaScript特效

原文:1500个前端开发常用JavaScript特效 源代码下载地址:http://www.zuidaima.com/share/1550463681776640.htm