Coding 的那些银荡事 – Notpade++插件WebEdit使用心得


最近有朋友说Dreamweaver cs5很 银荡,我竟然无动于衷,因为我的电脑是上个世纪的,所以无福消受啦,
上周回学校工作室瞄了一下,发现咱们的新人都在普及notepad++,很是激动啊···
notepad++ 果然是个短小精干的东西啊,我目前工作75%的时间都是面对着这个。所以感情还是非常深的。
废话少说:
今天我就分享一下我用NP(notepad++)的一些插件吧。,可以提高coding 的一些细节。
WebEdit,是NP 上的一个代码辅助插件,里面包含了一些html常用的标签,来辅助html代码。你可以在它的插件库里找到 通过这个插件以及设置快捷键,可以有效的提高coding效率。
如下图打开插件配置文件。

那么我稍微解释一下,如下面的代码,第一个等号前是“宏”(类似word里的宏) 的名字,后面是代码,“|”是代码完成后的光标位置。

Div &Class=<div>|</div>

下面[Toolbar] 是 在工具栏上显示的一些快捷按钮。(明显有很多是多余的,可以手动删除掉一些)

8=h4.bmp

可以看到,这里面有很多常用的标签自动完成,但是发现有一些是没有的(如:img br 等),也有些是多余的,如h4,h5 因为用的比较少。那么我们尝试着去掉没用的快捷按钮,然后新建一些标签。
我新建了如下的宏:还是挺实用的。最后行是等号的自动完成,发现等号加引号输入比较麻烦^_^

Br=<br />|
Class= class="|"
Id= id="|"
Img=<img src="|" alt="" />
O=="|"

添加完后不要忘了保存 ,然后重新打开NP就生效了。

然后是设置快捷键。
点击设置 – 管理快捷键 – Plugin commands
下拉 就可以看到 WebEdit 的快捷键设置区。
我设置的快捷键如下,用Alt 加快捷键比较银荡,按起来也比较顺。

A -------------- Alt+Q
Div Class ------- Alt+A
Strong --------- Alt+B
Br ------------- Alt+Enter
Class ---------- Alt+S
Id ------------- Alt+D
Img -----------  Alt+W
O(等号) ------------- Alt+=

好了,这个插件的分享就到此为止了,下次分享一下其他插件。····

PS:顺便分享个快捷键 Ctrl + D 复制当前行,这个快捷键某些时候非常实用

哟?不错哎 订阅飞鱼的RSS Feeds 回去慢慢看^_^

您可能还对这些日志感兴趣 - 随意

该文章已经被摸了245次。 共有 3 条评论

  1. 1. skyblue 2010年6月29日 at 22:48

    试下zen coding 插件,很有爱哦…..

    回复

    飞鱼 Reply:

    听同事 讲过··· 一行代码可以写一个页面~~ =,=

    回复

  2. 2. Leeiio 2010年9月2日 at 10:13

    呃,我的目光焦点是图片….win的时候我也是用notepad++用了很长的一段时间直到遇见了vim

    回复

发表评论

评论仅支持“a、abbr、strong、em、blockquote、code”几个简单的标签

Who am I ?

飞鱼,男,浙江人士。
非专业前端设计师兼程序员。
目前在 淘宝-淘日本 工作

最新在啃

actionscript javascript

新鲜的肉

最新评论

  • zbk: 正在自学CSS+DIV,谢谢分享!
  • 叶子: 写文章很huang
  • 叶子: 童鞋,在淘宝上搞定阿,你也敢,牛死了~~~
  • seri: 好东西啊
  • 小豪: 嘎嘎

订阅-rss-永久链接

MT
备案号:浙ICP备09020026号