写在前面:一直很喜欢 Notepad++ 这款IDE,小巧灵活、功能齐全。这篇文章早就写了,但一直没有放到外部的blog中来,今天移到这儿,让更多的人知道其实Notepad++照样可以很强大。Notepad++有很多的插件可以安装,有兴趣的同学不妨自己研究一下,相信会有惊喜等着你。
Notepad++代码自动完成(jQuery版)
Notepad++的代码提示文件是一个XML文件,位置是在:..\Program Files\Notepad++\plugins\APIs\,该目录下面有各种语言的提示文件。
使用方法:
将这三个文件:html.xml, css.xml, javascript.xml 复制到上面所说的目录下面即可。友情提醒:覆盖前请备份原来的文件。
(注:下载不了的同学请下载这个)
html.xml 收录 264 项, css.xml 收录 562 项, javascript.xml 收录了 2284 项
html部分包含了 HTML5 的新标签,css部分包含了 CSS3 的新属性。
javascript包含了 Firefox6、chrome13、ie9、safari5、opera11.51 的各种属性,也包括了 jQuery 中 "jQuery"全局对象 和 用 "$"取到的元素的各种属性和方法。
(制作过程有点匆忙,可能会有遗漏或者错误的内容,请自行修改文件即可,或者给我留言,我会修复)
打开自动提示的功能:
打开Notepad++的代码自动完成的功能:设置-->首选项-->备份与自动完成,"所有输入均启用自动完成"前面打上钩:
id="iframe_0.7571966317044474" src="data:text/html;charset=utf8,%3Cimg%20id=%22img%22%20src=%22http://files.note.sdo.com/mxIXv~jDmp40LX03I000Uq?_=2360373%22%20style=%22border:none;max-width:825px%22%3E%3Cscript%3Ewindow.onload%20=%20function%20()%20%7Bvar%20img%20=%20document.getElementById('img');%20window.parent.postMessage(%7BiframeId:'iframe_0.7571966317044474',width:img.width,height:img.height%7D,%20'http://www.cnblogs.com');%7D%3C/script%3E" frameborder="0" scrolling="no" style="border-width: initial; border-style: none; width: 20px; height: 20px;">
注:自动完成默认的呼出快捷键是:ctrl+space,该快捷键和输入法冲突,建议把输入法的快捷键给改了。
效果演示:
id="iframe_0.20820664319241478" src="data:text/html;charset=utf8,%3Cimg%20id=%22img%22%20src=%22http://files.note.sdo.com/mxIXv~jDqxUMLX0Sg000t8?_=2360373%22%20style=%22border:none;max-width:825px%22%3E%3Cscript%3Ewindow.onload%20=%20function%20()%20%7Bvar%20img%20=%20document.getElementById('img');%20window.parent.postMessage(%7BiframeId:'iframe_0.20820664319241478',width:img.width,height:img.height%7D,%20'http://www.cnblogs.com');%7D%3C/script%3E" frameborder="0" scrolling="no" style="border-width: initial; border-style: none; width: 20px; height: 20px;">
id="iframe_0.9004288361878932" src="data:text/html;charset=utf8,%3Cimg%20id=%22img%22%20src=%22http://files.note.sdo.com/mxIXv~jDqxWMLX0Sg000tb?_=2360373%22%20style=%22border:none;max-width:825px%22%3E%3Cscript%3Ewindow.onload%20=%20function%20()%20%7Bvar%20img%20=%20document.getElementById('img');%20window.parent.postMessage(%7BiframeId:'iframe_0.9004288361878932',width:img.width,height:img.height%7D,%20'http://www.cnblogs.com');%7D%3C/script%3E" frameborder="0" scrolling="no" style="border-width: initial; border-style: none; width: 20px; height: 20px;">
id="iframe_0.12083547326153887" src="data:text/html;charset=utf8,%3Cimg%20id=%22img%22%20src=%22http://files.note.sdo.com/mxIXv~jDqxZwLX0Sg000td?_=2360373%22%20style=%22border:none;max-width:825px%22%3E%3Cscript%3Ewindow.onload%20=%20function%20()%20%7Bvar%20img%20=%20document.getElementById('img');%20window.parent.postMessage(%7BiframeId:'iframe_0.12083547326153887',width:img.width,height:img.height%7D,%20'http://www.cnblogs.com');%7D%3C/script%3E" frameborder="0" scrolling="no" style="border-width: initial; border-style: none; width: 20px; height: 20px;">
id="iframe_0.9519011661539825" src="data:text/html;charset=utf8,%3Cimg%20id=%22img%22%20src=%22http://files.note.sdo.com/mxIXv~jDqy1wLX0Sg000ti?_=2360373%22%20style=%22border:none;max-width:825px%22%3E%3Cscript%3Ewindow.onload%20=%20function%20()%20%7Bvar%20img%20=%20document.getElementById('img');%20window.parent.postMessage(%7BiframeId:'iframe_0.9519011661539825',width:img.width,height:img.height%7D,%20'http://www.cnblogs.com');%7D%3C/script%3E" frameborder="0" scrolling="no" style="border-width: initial; border-style: none; width: 20px; height: 20px;">
id="iframe_0.20045156717694934" src="data:text/html;charset=utf8,%3Cimg%20id=%22img%22%20src=%22http://files.note.sdo.com/mxIXv~jDqy40LX0Sg000tl?_=2360373%22%20style=%22border:none;max-width:825px%22%3E%3Cscript%3Ewindow.onload%20=%20function%20()%20%7Bvar%20img%20=%20document.getElementById('img');%20window.parent.postMessage(%7BiframeId:'iframe_0.20045156717694934',width:img.width,height:img.height%7D,%20'http://www.cnblogs.com');%7D%3C/script%3E" frameborder="0" scrolling="no" style="border-width: initial; border-style: none; width: 20px; height: 20px;">
id="iframe_0.8800473076701556" src="data:text/html;charset=utf8,%3Cimg%20id=%22img%22%20src=%22http://files.note.sdo.com/mxIXv~jDqy5MLX0Sg000to?_=2360373%22%20style=%22border:none;max-width:825px%22%3E%3Cscript%3Ewindow.onload%20=%20function%20()%20%7Bvar%20img%20=%20document.getElementById('img');%20window.parent.postMessage(%7BiframeId:'iframe_0.8800473076701556',width:img.width,height:img.height%7D,%20'http://www.cnblogs.com');%7D%3C/script%3E" frameborder="0" scrolling="no" style="border-width: initial; border-style: none; width: 20px; height: 20px;">
注:关于制作过程,这里就不解释了,也写了好些JS,稍微看下代码相信都能明白的。HTML和CSS没什么捷径可寻,基本上是人肉完成的。
http://www.cnblogs.com/huntbao/archive/2012/02/20/notepad-code-autocomplete.html