欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  科技

Notepad++代码自动完成制作方法分享

程序员文章站 2022-03-24 15:09:04
Notepad++代码自动完成制作方法分享...
一直很喜欢 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++的代码自动完成的功能:设置-->首选项-->备份与自动完成,"所有输入均启用自动完成"前面打上钩:

Notepad++代码自动完成制作方法分享

注:自动完成默认的呼出快捷键是:ctrl+space,该快捷键和输入法冲突,建议把输入法的快捷键给改了。

效果演示:

Notepad++代码自动完成制作方法分享

Notepad++代码自动完成制作方法分享

Notepad++代码自动完成制作方法分享

Notepad++代码自动完成制作方法分享

Notepad++代码自动完成制作方法分享

Notepad++代码自动完成制作方法分享

注:关于制作过程,这里就不解释了,也写了好些js,稍微看下代码相信都能明白的。html和css没什么捷径可寻,基本上是人肉完成的。