mac系统下怎样利用好sublime text 2编写html,css,js代码

JavaScript09

mac系统下怎样利用好sublime text 2编写html,css,js代码,第1张

Sublime Text 是一个代码编辑器(Sublime Text 2是收费软件,但目前可以无限期试用)也是HTML和散文先进的文本编辑器。漂亮的用户界面和非凡的功能,例如迷你地图,多选择,Python的插件,代码段,等等。完全可自定义键绑定,菜单和工具栏。Sublime Text的主要功能包括:拼写检查,书签,完整的 Python API , Goto 功能,即时项目切换,多选择,多窗口等等。

Sublime Text 2 被称作Windows下的TextMate,而根据其官网介绍,Sublime Text的特点如下:拥有高效、没有干扰的界面,在编辑方面的多选、宏、代码片段等功能,以及很有特色的Minimap。

自从 Sublime Text 2.0 正式版以来已经新增支持 Retina 视网膜屏、拖拽文本、构建系统得以优化、支持 CSS 自动完成以及高亮设置等新特点~

Sublime Text 2 的特色功能:

1.良好的扩展功能,官方称之为安装包(Package)。

2.右边没有滚动条,取而代之的是代码缩略图,这个功能非常赞

3.强大的快捷命令“可以实时搜索到相应的命令、选项、snippet 和 syntex, 按下回车就可以直接执行,减少了查找的麻烦。”

4.即时的文件切换。

5.随心所欲的跳转到任意文件的任意位置。

6.多重选择(Multi-Selection)功能允许在页面中同时存在多个光标。

7.支持 VIM 模式

8.支持宏,简单地说就是把操作录制下来或者自己编写命令,然后播放刚才录制的操作或者命令。

9.更新非常勤快

主要快捷键列表:

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 上一个书签

Sublime Text 2 所支持的格式:

Sublime Text 2 插件下载请点击这里~Sublime Text 2 插件安装方法:将下载的安装包解压缩至 Sublime Text 2 安装目录下的 Packages 中,而后在 preferences——packages 进行具体设置~

Sublime Text 2.0.1 更新内容:

1.Keyboard input while dragging a selection will cancel the drag

2.Improved backspace behavior when use_tab_stops and translate_tabs_to_spaces are true

3.Improved shift+drag behavior

4.Improved double click drag select behavior

5.About Window shows the license key details

6.Fixed a Goto Anything issue where pressing backspace could scroll the overlay incorrectly

7.Fixed a crash triggered by double clicking in the Goto Anything overlay

8.Fixed incorrect window position when dragging a tab in some scenarios

9.Added missing toggle_preserve_case command

10.word_wrap setting accepts “true” and “false” as synonyms to true and false

11.OSX: Fixed System Preferences menu not working

12.Linux: Added support for mice with more than 5 buttons

13.Linux: Fixed an occasional graphical glitch when running under Unity

支持运行环境:Windows XP/Vista/Win7/Win8

Sublime Text 2.0.1 便携版 下载(来自wkang956的汉化):

(8.2MB)(将替换文件夹中的“SublimeText.exe”替换“SublimeText2”目录中的同名文件即可运行)

其实sublime自身就有格式化命令,就不再安装插件,位置在[Edit]->[Line]->[Reindent]但这个默认的命令没有快捷键,就重新定义了一下,想用习惯了的eclipse快捷键:Ctrl+Shift+F但是和“在文件中查找”冲突了。改用Alt+Shift+F吧,和netbeans保持一致。[Preferences]->[Key Bindings]->[User]中,添加如下: { "keys": ["alt+shift+f"], "command": "reindent" }如果不行的话 可以装个 jsFormat的插件

相关教程:sublime text 3 快捷键大全以及配置编译环境。 安装Sublime Text 3插件的方法: 朋友们,小站活着不容易,全靠广告费养着了,如果本文对你有帮助。麻烦动下手点下页面的广告吧,谢谢! 直接安装 安装Sublime text 2插件很方便,可以直接下载安装包解压缩到Packages目录(菜单->preferences->packages)。 使用Package Control组件安装 也可以安装package control组件,然后直接在线安装: 1/' + pf/' +pf.replace( ' ','%20' )).read())print( 'Please restart Sublime Text to finish installation') 如果这种方法不能安装成功,可以到这里下载文件手动安装。 用Package Control安装插件的方法: 1.按下Ctrl+Shift+P调出命令面板 2.输入install 调出 Install Package 选项并回车,然后在列表中选中要安装的插件。 不爽的是,有的网络环境可能会不允许访问陌生的网络环境从而设置一道防火墙,而Sublime Text 2貌似无法设置代理,可能就获取不到安装包列表了。 好,方法介绍完了,下面是本文正题,一些有用的Sublime Text 2插件: GBK Encoding Support 对应gb2312来说,Sublime Text 2 本生不支持的,我们可以通过Ctrl+Shift+P调出命令面板或Perferences->Package Contro,输入install 调出 Install Package 选项并回车,在输入“GBK Encoding Support”选择开始安装,左下角状态栏有提示安装成功。这时打开gbk编码的文件就不会出现乱码了,如果有需要转成utf-8的可以在File-GBK to UTF8-选择Save with UTF8就偶看了。 Zen Coding 这个,不解释了,还不知道ZenCoding的同学强烈推荐去看一下:《Zen Coding: 一种快速编写HTML/CSS代码的方法》。 emmet PS:Zen Coding for Sublime Text 2插件的开发者已经停止了在Github上共享了,现在只有通过Package Control来安装。 jQuery Package for sublime Text 如果你离不开jQuery的话,这个必备~~ Sublime Prefixr Prefixr,CSS3 私有前缀自动补全插件,显然也很有用哇 Sublime Prefixr JS Format 一个JS代码格式化插件。 SublimeLinter 一个支持lint语法的插件,可以高亮linter认为有错误的代码行,也支持高亮一些特别的注释,比如“TODO”,这样就可以被快速定位。(IntelliJ IDEA的TODO功能很赞,这个插件虽然比不上,但是也够用了吧) SublimeLinter Placeholders 故名思意,占位用,包括一些占位文字和HTML代码片段,实用。 Sublime Alignment 用于代码格式的自动对齐。传说最新版Sublime 已经集成。 Clipboard History 粘贴板历史记录,方便使用复制/剪切的内容。 DetectSyntax 这是一个代码检测插件。 Nettuts Fetch 如果你在用一些公用的或者开源的框架,比如 Normalize.css或者modernizr.js,但是,过了一段时间后,可能该开源库已经更新了,而你没有发现,这个时候可能已经不太适合你的项目了,那么你就要重新折腾一遍或者继续用陈旧的文件。Nettuts Fetch可以让你设置一些需要同步的文件列表,然后保存更新。 JsMinifier 该插件基于Google Closure compiler,自动压缩js文件。 Sublime CodeIntel 代码自动提示 Bracket Highlighter 类似于代码匹配,可以匹配括号,引号等符号内的范围。 Hex to HSL 自动转换颜色值,从16进制到HSL格式,快捷键 Ctrl+Shift+U GBK to UTF8 将文件编码从GBK转黄成UTF8,快捷键Ctrl+Shift+C Git 该插件基本上实现了git的所有功能。 总结 好吧,大概就这些,如果你有常用的插件或者扩展,欢迎推荐。Sublime Text 3真是一款一见钟情的编辑器,每次和别人聊到编辑器时必荐的。。。