关于notepad++以及zen coding神级插件

1. 简介

Notepad++是一款免费开源的文本编辑器,支持多种编程语言,获得了广泛的应用。在Notepad++ plugins中有一个神级插件,叫做Zen Coding,通过缩写快速生成HTML和CSS代码。

2. Notepad++的使用

2.1 下载和安装

Notepad++官网提供了最新版本的下载链接。在页面中选择对应的系统版本后下载并安装。安装过程很简单,点击下一步就行。

下载链接:https://notepad-plus-plus.org/downloads/

2.2 基本操作

Notepad++的界面非常简洁,用户可以通过文件菜单或者快捷键Ctrl+N(Ctrl+Shift+N)打开新文件(Close All)。Ctrl+S用于保存当前文件。Ctrl+Shift+S用于另存为。

用户可以通过标签栏轻松管理多个文件,在切换文件的时候,标签栏的颜色会发生变化,这一点非常友好。还可以通过快捷键Ctrl+W关闭当前标签页。

2.3 插件管理

Notepad++的插件管理功能非常强大,用户可以通过菜单栏-插件-插件管理器或者快捷键Ctrl+Alt+P打开插件管理器对插件进行管理。插件管理器可以展示所有可用的插件,让用户通过简单的点选来进行插件的安装,卸载和更新。

2.4 语法高亮

Notepad++支持多种编程语言,通过语言内容的不同,在文本编辑器中的显示效果也不同。Notepad++的语法高亮功能可以让不同的代码以不同颜色展现出来,让用户更加清晰明了。

用户可以在菜单栏中找到语言菜单,在菜单栏中选择相应的语言菜单选项或者直接在编写代码时,Notepad++会自动检测当前语言,并进行语法高亮。

3. Zen Coding插件

3.1 安装

Zen Coding插件可以通过两种方法进行安装,一种是通过插件管理器进行安装。另一种是从官网下载Zen Coding插件后,将其复制到plugins文件夹下即可。

下载链接:https://github.com/zedapp/zed/releases/tag/v0.14.1

3.2 快捷键

Zen Coding插件的核心功能就是通过快捷键展开字符,快速生成HTML和CSS代码。常用的快捷键有:

(!)+Tab:生成<!DOCTYPE html>

html:5 +Tab:生成基本HTML结构

p*3>a:生成3个包含a标签的p标签

div.container>div.row*2>div.col-md-6:生成类似bootstrap的基础布局

3.3 缩写语法

Zen Coding插件支持多种缩写语法,以下是缩写列举:

# + Tab:生成id

. + Tab:生成class

a:href + Tab:生成a标签链接

a:b + Tab:生成a标签链接同时携带onclick事件

img:src =” ” + Tab:生成img标签及其src属性

3.4 进阶用法

Zen Coding插件的进阶用法很强大,比如同时生成CSS和HTML代码。

举个例子:

ul>li{item$}*4>{$}a[href="#"]{Link $} style="background:url(images/ ${}.jpg);"

代码含义是生成一个无编号的ul标签及4个li标签,每个li标签都有一个链接和一个背景图片,分别是link1,link2,link3,link4。

在编写代码时,如果要进行多行注释,可以使用Ctrl+Shift+Q快捷键。如果想删除一行或多行代码,可以使用Ctrl+L快捷键。

3.5 缺点

Zen Coding插件虽然功能强大,但是由于它的解析方式和代码结构的不同,导致一部分代码只能够由zen coding命令生成。同时,Zen Coding对语法的敏感度较高,可能会出现一些意想不到的情况。

4. 结语

在日常的编程工作中,使用Notepad++和Zen Coding插件可以大大提高代码编写效率,同时顺便秀一下收电脑技能。而不使用IDE也有一个比较明显的好处,就是不会依赖重度人赛。虽然Notepad++和Zen Coding有缺点,但是它们在编写简单的代码时非常实用。