蓝狮注册开户更优秀的网页编辑器:Sublime Text2

从我学接触网站,一直都是使用dreamweaver,不管别人怎么认为dreamweaver不好。我还是觉得他是我使用过最好的代码编辑器,第一:它有自动补全功能;第二:有代码提示;第三:创建html文档时能够帮你自动完成文档头部代码。第四:可以格式化对齐代码。有时候还需要可视化查看功能。尽管它的反应速度不快,功能庞大。但我觉得目前市面上真正能够比dreamweaver好的可能没有。

今年我又接触到另外一个好的编辑器:Sublime Text2.

Sublime Text2有这么几个优点:

1.速度飞快。2.界面简洁。3.功能强大。4.插件众多。蓝狮注册5.快捷键多。6.可以不保存关闭下次再开编辑。7.界面好看,可定制。

当然它最重要的还是插件众多,使得它的功能庞大。

安装Sublime Text 2插件的方法:
1.直接安装
安装Sublime text 2插件很方便,可以直接下载安装包解压缩到Packages目录(菜单->preferences->packages)。

2.使用Package Control组件安装
也可以安装package control组件,然后直接在线安装:

按Ctrl+`调出console(注:安装有QQ输入法的这个快捷键会有冲突的,输入法属性设置-输入法管理-取消热键切换至QQ拼音)
粘贴以下代码到底部命令行并回车:
import urllib2,os;pf=’Package Control.sublime-package’;ipp=sublime.installed_packages_path();os.makedirs(ipp) if not os.path.exists(ipp) else None;open(os.path.join(ipp,pf),’wb’).write(urllib2.urlopen(‘http://sublime.wbond.net/’+pf.replace(‘ ‘,’%20’)).read())
重启Sublime Text 2。
如果在Perferences->package settings中看到package control这一项,则安装成功。
如果这种方法不能安装成功,可以到这里下载文件手动安装。

用Package Control安装插件的方法:
按下Ctrl+Shift+P调出命令面板
输入install 调出 Install Package 选项并回车,然后在列表中选中要安装的插件。
常用的插件有:

Zen Coding
不懂可以围观:《Zen Coding: 一种快速编写HTML/CSS代码的方法》

输入 div.wrapper>div.header+div.main+div.footer 按下Tab,立刻变成

或者按下ctrl+alt+enter,激发zencoding控制台,可看到整个动态的过程。

Zen Coding代码写法:

1)使用Ctrl + Alt + Enter 呼出ZenCoding

2) div#content>ul>li*3>a[href=”javascript:void(0);”]{Links$} 这样短短的一句话生成:

PS:Zen Coding for Sublime Text 2插件的开发者已经停止了在Github上共享了,现在只有通过Package Control来安装。

Sublime Text 中使用Zen Coding的一些技巧

1、缩写扩展

之前知道,通过Control + Alt + Enter可以在一个新行中输入ZC的缩写,来生成代码。同时,如果我们在编辑中直接书写了ZC缩写,比如 div#content>p 当光标放置在p之后时,可以通过Tab键来扩展,ZC会从光标处开始向左侧搜索到第一个空白处,之间的代码作为ZC缩写,这样不必每次打开新行输入,提高 了效率,缺点就是不能够实时预览。

2、嵌套代码

E72C2BCB69F4A57E0CCA22FD39CAE207CA8296B7CE4D6_414_65

如上图所示,可以实现在已经写好的代码外面嵌套其他的代码,实现方式是将光标放置到想要嵌套的标签上,然后使用Control + Alt + Enter 呼出ZC的命令行,就可以了。

其实Zen Coding还提供了很多方便代码编写的操作,蓝狮注册开户例如标签匹配、返回上一个/下一个编辑点、更新img标签、合并行等,但是因为在Sublime Text中没有提供完整的支持,所以这些特性还无法使用。

其余插件:
jQuery Package for sublime Text
如果你离不开jQuery的话,这个必备~~

Sublime Prefixr
Prefixr,CSS3 私有前缀自动补全插件,显然也很有用哇

3295EA17446A511394CAF129BA18F871F4BF8ED4ED60F_500_166

JS Format
一个JS代码格式化插件。

Placeholders
故名思意,占位用,包括一些占位文字和HTML代码片段,实用。

Sublime Alignment
用于代码格式的自动对齐。传说最新版Sublime 已经集成。

Tag
一些有代码洁癖的程序猿很适合这个插件,HTML代码格式化能使html代码更加漂亮整洁。

JsMinifier
该插件基于Google Closure compiler,自动压缩js文件。

Sublime CodeIntel
代码自动提示

Bracket Highlighter
类似于代码匹配,可以匹配括号,引号等符号内的范围。

835024F0256DF068BA4FAFDF193047FBA419295D0EBB8_367_242

GBK to UTF8
将文件编码从GBK转黄成UTF8,快捷键Ctrl+Shift+C

主要快捷键

Ctrl+L 选择整行(按住-继续选择下行)

Ctrl+KK 从光标处删除至行尾

Ctrl+Shift+K 删除整行

Ctrl+Shift+D 复制光标所在整行,插入在该行之前

Ctrl+J 合并行(已选择需要合并的多行时)

Ctrl+KU 改为大写

Ctrl+KL 改为小写

Ctrl+D 选词 (按住-继续选择下个相同的字符串)

Ctrl+M 光标移动至括号内开始或结束的位置

Ctrl+Shift+M 选择括号内的内容(按住-继续选择父括号)

Ctrl+/ 注释整行(如已选择内容,同“Ctrl+Shift+/”效果)

Ctrl+Shift+/ 注释已选择内容

Ctrl+Z 撤销

Ctrl+Y 恢复撤销

Ctrl+M 光标跳至对应的括号

Alt+. 闭合当前标签

Ctrl+Shift+A 选择光标位置父标签对儿

Ctrl+Shift+[ 折叠代码

Ctrl+Shift+] 展开代码

Ctrl+KT 折叠属性

Ctrl+K0 展开所有

Ctrl+U 软撤销

Ctrl+T 词互换

Tab 缩进 自动完成

Shift+Tab 去除缩进

Ctrl+Shift+↑ 与上行互换

Ctrl+Shift+↓ 与下行互换

Ctrl+K Backspace 从光标处删除至行首

Ctrl+Enter 光标后插入行

Ctrl+Shift+Enter 光标前插入行

Ctrl+F2 设置书签

F2 下一个书签

Shift+F2 上一个书签

【下载地址】

官网地址:http://www.sublimetext.com/

标签:Sublime Text2

0 Comments
Leave a Reply