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

html-css015

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”目录中的同名文件即可运行)

装Dreamweaver CS4 CS5

编辑制作工具,可自定义窗囗,编辑主题、索引,可选择添搜索页,无任何不自由.当然,由于测试时间不多,难免有些不足,下载后请先看Readme文件。还要有两个动态库,一个是vb6运行库,win98一般有的。

使用 Notepad 或 TextEdit 来编写 HTML

编辑

可以使用专业的 HTML 编辑器来编辑 HTML

Adobe Dreamweaver

Microsoft Expression Web

CoffeeCup HTML Editor

不过,我们同事推荐使用文本编辑器来学习 HTML,比如 Notepad (PC) 或 TextEdit (Mac)。我们相信,使用一款简单的文本编辑器是学习 HTML 的好方法。

通过记事本,依照以下四步来创建您的第一张网页。

步骤一:启动记事本

如何启动记事本:

开始—所有程序—附件—记事本

步骤二:用记事本来编辑 HTML

在记事本中键入 HTML 代码:

步骤三:保存 HTML

在记事本的文件菜单选择“另存为”。

当您保存 HTML 文件时,既可以使用 .htm 也可以使用 .html 扩展名。两者没有区别,完全根据您的喜好。

在一个容易记忆的文件夹中保存这个文件,比如 幸智文库。

步骤四:在浏览器中运行这个 HTML 文件

启动您的浏览器,然后选择“文件”菜单的“打开文件”命令,或者直接在文件夹中双击您的 HTML 文件。