Sublime Text

这是一个非常优秀的代码编辑器,但它是商业软件,虽然可以免费试用,但在某些时刻会跳出购买的对话框,不是很讨厌可以忍耐。

安装

可以直接到官网下载安装,也可以通过 homebrew cask 方式安装(但是2.x版本)。

brew cask install sublime-text

使 Terminal 可用

ln -s "/Applications/Sublime\ Text.app/Contents/SharedSupport/bin/subl" /usr/local/bin/

也可以做 alias 处理

alias subl="/Applications/Sublime\ Text.app/Contents/SharedSupport/bin/subl"

基本配置

菜单 Preferences > Setting-User 打开配置文件

{
    "font_size": 14,
    "ignored_packages":
    [
        "Markdown",
        "Vintage"
    ],
    "create_window_at_startup": false,
    "open_files_in_new_window": false,
    "highlight_line": true,
    "highlight_modified_tabs": true,
    "show_encoding": true,
    "translate_tabs_to_spaces": true
}

包管理器

有大量的扩展包可以使用,但首先安装包管理器,(Ctrl + ` | View > Show console) 呼出控制台,并复制下面的代码。

import urllib.request,os,hashlib; h = '2915d1851351e5ee549c20394736b442' + '8bc59f460fa1548d1514676163dafc88'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by)

配色方案

安装 Colorsublime 插件,丰富的主题和代码配色方案可以选择。

操作步骤:

  • 呼出命令板,选择 Install Package,再选择 Colorsublime
  • 安装后,在命令板上选择 Colorsublime:Install Theme
  • 在 Theme 列表选择喜好的主题配色后回车

插件

Alignment - 等号强迫症患者福音

先做 User 的配置文件,Package Settings > Alignment > Settings - User

{
    "alignment_chars": ["=", ":"],
    "alignment_space_chars": ["="]
}

选择文本后使用快捷键 CMD + Ctrl + A

Emmet - Web Coding 简化代码录入

要点是使用 "ex-Zen Coding" + Tab,更多资料

需要注意,它修改了 Ctrl+E 快捷键,如要恢复则需设置 Package Settings > Emmet > Key Bindings > User

[
    {
        "keys": ["ctrl+e"],
        "command": "move_to",
        "args": {"to": "eol", "extend": false}
    }
]

HTMLBeautify - HTML格式化

选择内容后,可用菜单 Edit > Beautify HTML 或者使用快捷键 CMD + Option + Shift + F

jsformat - JavaScript格式化

选择文本后鼠标右键单击,菜单中选择 jsformat

CSSComb - CSS格式化以及属性排序

添加配置 User 文件

{
    "space-before-opening-brace": "\n",
}

选择文本后鼠标右键单击,菜单中选择 Run CSScomb。

Trimmer - 删除空行

选中文本,调用命令板,选择 Trimmer > Delete empty line,快捷键 Ctrl + s 仅能删除 whitespace

TrailingSpaces - 高亮多余白空格

Autoprefix - CSS夸浏览器自动处理

需要通过命令板进行调用

Git

简化运行一些 git 命令并取回结果,commit / viewing log / diff 方便很多

DocBlockr - 自动生成文档

在函数或变量定以前输入 /** 然后按 Tab 便会自动生成注释,支持语言范围:JavaScript (including ES6), PHP, ActionScript, Haxe, CoffeeScript, TypeScript, Java, Apex, Groovy, Objective C, C, C++ and Rust.

常用快捷键

  • 【CMD + Shift + P】 启动命令板
  • 【CMD + P】 启动文件列表
  • 【CMD + `】 启动控制台
  • 【CMD + R】 启动大纲列表

  • 【CMD + D】 选择当前词,连续按可选择多个相同词

  • 【CMD + K | CMD + D】 跳过当前选择词
  • 【CMD + L】 选择当前行
  • 【CMD + J】 连接下面一行
  • 【CMD + Shift + L】 纵向选择
  • 【CMD + Shift + D】 复制当前行
  • 【CMD + KK】 删除至行尾
  • 【CMD + K + U】 当前词转大写
  • 【CMD + K + L】 当前词转小写
  • 【CMD + /】 将当前选择注释掉
  • 【CMD + Shift + V】 粘贴并自动缩进

  • 【CMD + Num】 分屏,Num为数字键

同步配置文件

  • 配置:"$HOME/Library/Application Support/Sublime Text 3/Packages"
  • 插件:"$HOME/Library/Application Support/Sublime Text 3/Installed Packages"

将两个目录使用云盘进行同步

其他

  • 直接将项目文件夹拖入 Sublime ,左侧会显示目录结构

参考

results matching ""

    No results matching ""