sublime text

时间 2019-11-12

标签 sublime text 栏目 HTML 繁體版

原文原文链接

前几天把这个删了，今天又装上~从新开始用~

Package Control 安装方法javascript

首先经过快捷键 ctrl+` 或者 View > Show Console 打开控制台，而后粘贴相应的 Python 安装代码。php

Sublime Text 2 安装代码：css

import urllib2,os; pf='Package Control.sublime-package'; ipp = sublime.installed_packages_path(); os.makedirs( ipp ) if not os.path.exists(ipp) else None; urllib2.install_opener( urllib2.build_opener( urllib2.ProxyHandler( ))); open( os.path.join( ipp, pf), 'wb' ).write( urllib2.urlopen( 'http://sublime.wbond.net/' +pf.replace( ' ',' ' )).read()); print( 'Please restart Sublime Text to finish installation')html

Sublime Text 3 安装代码：前端

import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); open(os.path.join(ipp, pf), 'wb').write(urllib.request.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ',' ')).read())java

用Package Control安装插件的方法：

按下Ctrl+Shift+P调出命令面板
输入install 调出 Install Package 选项并回车，而后在列表中选中要安装的插件。

不爽的是，有的网络环境可能会不容许访问陌生的网络环境从而设置一道防火墙，而Sublime Text 2貌似没法设置代理，可能就获取不到安装包列表了。
好，方法介绍完了，下面是本文正题，一些有用的Sublime Text 2插件：python

插件明日献上~~git

--------------------------------------我是分割线-------------------------------------------

sublime text 快捷键

Ctrl+Shift+P：打开命令面板
Ctrl+P：搜索项目中的文件
Ctrl+G：跳转到第几行
Ctrl+W：关闭当前打开文件
Ctrl+Shift+W：关闭全部打开文件
Ctrl+Shift+V：粘贴并格式化
Ctrl+D：选择单词，重复可增长选择下一个相同的单词
Ctrl+L：选择行，重复可依次增长选择下一行
Ctrl+Shift+L：选择多行
Ctrl+Shift+Enter：在当前行前插入新行
Ctrl+X：删除当前行
Ctrl+M：跳转到对应括号
Ctrl+U：软撤销，撤销光标位置
Ctrl+J：选择标签内容
Ctrl+F：查找内容
Ctrl+Shift+F：查找并替换
Ctrl+H：替换
Ctrl+R：前往 method
Ctrl+N：新建窗口
Ctrl+K+B：开关侧栏
Ctrl+Shift+M：选中当前括号内容，重复可选着括号自己
Ctrl+F2：设置/删除标记
Ctrl+/：注释当前行
Ctrl+Shift+/：当前位置插入注释
Ctrl+Alt+/：块注释，并Focus到首行，写注释说明用的
Ctrl+Shift+A：选择当前标签先后，修改标签用的
F11：全屏
Shift+F11：全屏免打扰模式，只编辑当前文件
Alt+F3：选择全部相同的词
Alt+.：闭合标签
Alt+Shift+数字：分屏显示
Alt+数字：切换打开第N个文件
Shift+右键拖动：光标多不，用来更改或插入列内容
鼠标的前进后退键可切换Tab文件
按Ctrl，依次点击或选取，可须要编辑的多个位置
按Ctrl+Shift+上下键，可替换行
——————————————————————————————————
经常使用插件：
ColorPicker 调色盘github

在编辑CSS样式的时候，要加个本身喜欢颜色或改改颜色啥的，要到PS里去调色？ColorPicker可让sublime text 3内置一个调色盘，调好颜色，点击OK就会在光标处生成十六进制颜色代码。web

插件下载： https://github.com/weslly/ColorPicker
Emmet html/CSS快速编辑（原名Zen Coding）

Zen Coding估计你们都不会陌生，前不久更名为Emmet了，虽然用Emmet编辑html很快，可是要用好用快它须要付出不小的学习成本，学习的曲线有点陡峭，以致于让新手好奇而畏惧，我看看热闹就好了，感受编辑得再快思惟跟不上也是白搭，对我来讲sublime text 3自带的代码提示够用了。网上有不少教学视频，有兴趣学习的能够去了解下。

插件下载： https://github.com/sergeche/emmet-sublime
SublimeTmpl 快速生成文件模板

一直都很奇怪为何sublime text 3没有新建文件模板的功能，像html头部的DTD声明每次都要复制粘贴。用SublimeTmpl这款插件终于能够解脱了，SublimeTmpl能新建html、css、javascript、php、python、ruby六种类型的文件模板，全部的文件模板都在插件目录的templates文件夹里，能够自定义编辑文件模板。

SublimeTmpl默认的快捷键
```
ctrl+alt+h html
ctrl+alt+j javascript
ctrl+alt+c css
ctrl+alt+p php
ctrl+alt+r ruby
ctrl+alt+shift+p python
```
若是想要新建其余类型的文件模板的话，先自定义文件模板方在templates文件夹里，再分别打开Default (Windows).sublime-keymap、Default.sublime-commands、Main.sublime-menu、SublimeTmpl.sublime-settings这四个文件照着里面的格式自定义想要新建的类型，这里就详细介绍了，请各位本身折腾哈~

插件下载： https://github.com/kairyou/SublimeTmpl

编辑神器：Sublime Text 2

Sublime Text 2 (如下简称 ST2)，无疑是我所用过的最好用的文本（代码）编辑器，没有之一！基于它的某些诱人特性，总让人在不经意间就眼前一亮，因此最近身边有好多同事都因无心一瞥，就被其吸引，继而让我推荐。

先来讲说它的优点所在：

启动快速，运行流畅，并且这是在拥有众多功能和加载许多插件的前提下，单凭这一点，就达到了我心里“神器”的标准；
UI 漂亮精美，内置多款主题，不管你喜欢深色背景，仍是钟意浅色皮肤，它都能知足你；
支持各类流行编程语言的语法高亮，很是齐全，还可经过插件扩展；
代码自动补全提示，注意：它只是个编辑器，不是 IDE，虽然提示的代码有限，但十分实用（特别是写 CSS，太爽了）；
可定制性和可扩展性，这个可就因人而异了，有人嫌麻烦，有人要个性，但毫无疑问的是，ST2 由于这一点而无比强大！

有没有心动呢？心动不如行动，赶忙来试试吧。

下载

稳定版：Stable
开发版：Dev - Semi-frequently updated, available to anyone.
内测版：Nightly - Mostly frequently updated, available for registered users only.

推荐下载开发版（Dev）。

破解

其实未注册的免费版跟付费版功能彻底相同，只是前者主窗口右上角有 “UNREGISTERED” 的水印而已，还有就是偶尔的提示注册弹窗（很是的偶尔，很久才弹一次）。破解过程我就不赘述了，请移步至如下连接。

OS X - http://mac.pcbeta.com/thread-114355-1-1.html
Windows & Linux - http://i.wanz.im/2012/04/07/cracking_sublime-text2/

使用技巧

提示：由于本文基于 OS X 环境所写，因此为了更好的阅读下文，请先确保理解 OS X 与 Windows 下的键盘映射关系。见表：

OS X	符号	对应	Windows
Command	⌘	=>	Ctrl
Shift	⇧	=>	Shift
Option	⌥	=>	Alt
Control	⌃	=>	Ctrl

多重选择(Multi-Selection)

这项功能实在是太强大了！太让人为所欲为了，使得许多须要用正则、高级搜索、替换才能完成的任务，变得轻松 easy，不由让我感慨：“当年没这神器，是怎么活过来的？！”

如何激活多重选择呢？

按住 Command or Ctrl，点击编辑区域内任何你所指望光标出现的位置；
经过屡次 Command + D or Ctrl + D，便可将全文中与光标当前所在位置的词相同的词逐一加入选择。而在有词句选中情况下，经过 Command + Control + G or Alt + F3 便可一次性选择全文中全部相同的词；
Windows 下可按住鼠标中键后拖动来进行垂直方向的纵列选择，OS X 下则是按住 option键；
选中多行文本，经过 Command + Shift + L or Ctrl + Shift + L 来将光标打散至每行行尾。

为所欲为跳转(Goto Anything)

许多 IDE 都有这个功能，切换当前打开的文档嘛。但 ST2 的 Goto Anything 已经彻底超越了，当咱们按下 Command + P or Ctrl + P 时看看都能作些什么：

切换文档，不仅仅是在当前打开的文档之间哦，包括了整个 Project，并可用关键字过滤
关键字以 @ 开头，匹配的是文档中的函数以及其它关键内容（例如：HTML 中就匹配元素 id，这有些相似通常 IDE 中的 “outline” 的功能），它的快捷键是 Command + R or Ctrl + R
关键字以 # 开头，其实就是个全文搜索
关键字以 : 开头，后跟数字可跳转至相应的行，它的快捷键是 Ctrl + G

边栏(Side Bar)

不少编辑器（Notepad++ etc.）也有边栏，但 ST2 有点不一样的是：单选左侧边栏中的文件，右侧自动出现文档预览（若选中的为图片等文件，则显示其二进制编码）。当你修改编辑它时，它才在 ST2 中以 Tab 的形式自动打开，so sweety~

命令面板(Command Palette)

执行命令的快捷入口，咱们通常以快捷键来快速调用（Command + Shift + P in OS X, Ctrl + Shift + P in Windows），固然你也能够在菜单 Tool 下找到它。

无干扰模式(Distraction Free Mode)

在菜单 View 中选择 Enter Distraction Free Mode 就可进入无干扰模式。快捷键为 Ctrl + Shift + Command + F or Shift + F11

经过修改 Preferences -> Settings - More -> Distraction Free - User 能够对防干扰模式进行一些设置：


{
    "line_numbers": false,      // 是否显示行号
    "gutter": false,            // 是否显示边列
    "draw_centered": true,      // 是否居中显示
    "wrap_width": 80,           // 换行宽度(单位：字符)
    "word_wrap": true,          // 是否自动换行
    "scroll_past_end": true     // 滚动可否超过结尾
}

迷你地图(Minimap)

右侧默认显示迷你地图，这实际上是个全局预览加模糊定位文档位置的功能。固然若是你像增大编辑可视面积，也可经过菜单 “View” 选择 “Hide Minimap” 将其关闭。

设置

Preferences -> Settings - Default，这个是 ST2 的默认设置，不建议修改此文件，而是经过修改 Preferences -> Settings - User 来达到个性化的定制。例如，如下就是个人 User 设定：


{
    "folder_exclude_patterns":
    [
        ".svn",
        ".git",
        ".hg",
        "CVS",
        ".idea"
    ],
    "highlight_line": true,
    "highlight_modified_tabs": true,
    "scroll_past_end": true,
    "tab_size": 2,
    "theme": "Soda Dark.sublime-theme"
}

根据字面意思相信你都能看懂分别表明什么意思，这里要提一下的是如何开启鼎鼎大名的 Vim 模式（重度 Coder 的大爱），请添加这句：


{
    "ignored_packages": []
}

快捷键

相似设置，你能够进入 Preferences -> Key Bindings - Default 查看全部的快捷键设置，而后在 Key Bindings - User 来自定义快捷键。

附上经常使用的快捷键：（Windows 用户请移步至这里）

编辑
⌃⇧K	删除整行
⌘KK (⌃K)	从光标处删除至行尾
⌘⌫	从光标处删除至行首
⇧⌘↩	在当前行以前插入新行
⌘↩	在当前行以后插入新行
⌃⌘↑	上移一行
⌃⌘↓	下移一行
⌘]	缩进当前行
⌘[	反缩进当前行
⌘L	选择行 (重复按下将下一行加入选择)
⌘D	选择词 (重复按下时多重选择相同的词)
⌃⇧M	选择括号内的内容
⌃M	跳转至对应的括号
⇧⌘D	复制(多)行
⌘J	合并(多)行
⌘/	注释
⌥⌘/	块注释
⌘Y	恢复或重复
⇧⌘V	粘贴并自动缩进
⌘U	软撤销（可撤销光标移动）
⇧⌘U	软重作（可重作光标移动）

查找/替换
⌘F	查找
⌥⌘F	替换
⇧⌘F	在文件中查找
⌘G	查找下一个
⌃⌘G	查找并选中所有

XML/HTML
⇧⌘A	选择标签内的内容
⌃⇧W	嵌套标签
⌥⌘ .	闭合当前标签

拆分窗口
⌥⌘[1,2,3,4,5]	单列、两列、三列、四列、栅格
⌥⇧⌘[2,3]	两栏、三栏

其它
⌘P	为所欲为跳转
⇧⌘P	打开命令面板
⌘KB	切换侧边栏（个人已修改成 ⌃S）
⌃ `	打开 python 控制台
⌘T	前往文件

安装插件

ST2 的插件安装是经过所谓的 Package Control (包控制) 来实现的。若是你用过 npm 或者 spm ，那你必定不会对这种包管理的方式感到陌生。

安装 Package Control 的方法：

打开 ST2，经过 Ctrl + ` 调出 Console (控制台)

将如下代码粘贴进命令行中并回车：


import urllib2,os; pf='Package Control.sublime-package'; ipp=sublime.installed_packages_path(); os.makedirs(ipp) if not os.path.exists(ipp) else None; urllib2.install_opener(urllib2.build_opener(urllib2.ProxyHandler())); open(os.path.join(ipp,pf),'wb').write(urllib2.urlopen('http://sublime.wbond.net/'+pf.replace(' ',' ')).read()); print 'Please restart Sublime Text to finish installation'

重启 ST2，若是在 Preferences 下见到 Package Control 这一项，就说明安装成功了。

接下来咱们就能够利用 Package Control 来安装插件了：

打开 ST2，经过 Command + Shift + P or Ctrl + Shift + P 打开命令面板，输入关键字调出 Package Control: Install Package
选择 Package Control: Install Package，稍等片刻后就可会出现插件列表，可输入插件名来在列表中查找选择所需插件
等待安装（左下角 [ = ] 显示运行中），安装完毕后重启 ST2 便可

经常使用插件

这里就简单罗列一些，包括了网上热评的和本身在用的。

Alignment

这插件用于对齐代码赋值语句, 例如:


var name = "sublimt"
var version = "2.0.1"
var title = "sublime text"

以上代码就能转化为：


var name    = "sublimt"
var version = "2.0.1"
var title   = "sublime text"

Clipboard History

粘贴板历史记录，方便使用复制/剪切的内容。
ColorPicker

支持在各个平台下取色，没什么好说的。
Ctags

能够在代码里直接查看函数定义，好比看一个函数的定义或者类的定义。不过惋惜没法在 OS X 下使用。
DocBlockr

自动生成标准 JSDoc 注释的好帮手，只需在函数声明定义上方输入
Emmet

你也许没据说它，但其前身：zen coding 可谓是鼎鼎大名（在前端界）。之因此改名，是由于它给本身的定位：

the essential toolkit for web-developers

做为资深前端插件，它不只可安装在 ST2 上，基本上流行的 IDE (Aptana/Eclipse etc.) 与编辑器 (Notepad++/TextMate etc.)，它都提供支持。详细的使用文档：Emmet Documentation，Emmet for ST2
GBK Encoding Support

解决对中文编码不支持的问题，必装吧。由于你发现 ST2 菜单中 File -> Reopen with Encoding 压根就没有国标码！
JsFormat

格式化 JS，固然也包括 JSON，快捷键是 Ctrl + Shift + F 很是方便。
MarkdownEditing

MarkdownEditing 从视觉和便捷性上针对 Markdown 文档的编辑进行了一系列的优化。

附上 Markdown 语法说明 (简体中文版)，and MarkdownEditing 的详细中文介绍
Markdown Preview

能在浏览器中对当前 Markdown 文件进行预览。甚至生成相应的 HTML 文档。使用要用命令面板，输入相应的关键字查找 Markdown Preview 命令。固然，你也能够自定义快捷键。
SideBarEnhancements

增强在侧栏目录树中右键的选项。如图所示：
最后介绍一个 自动生成当天日期 的小插件，TextMate 用户必定不会陌生，命令是 isoD + Tab，此非官方插件，因此要使用的话，必须将 timestamp.py 这个文件加入到用户配置目录（Packages -> User）下。