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 ,左侧会显示目录结构