sublime text (ST)一篇通(安装、配置、扩展、使用)
sublime编辑器,功能插件多,可以扩展为IDE
-------------------------------------------
1、安装
官网下载 http://www.sublimetext.com/a)安装版 安装时勾选Add to explorer context menu,这样右键单击文件时可以直接使用Sublime Text打开。(也可以修改注册表实现)
b)绿色版portable version,无需安装,直接使用
免费使用:ST2还有免费版本,ST3必须购买,不过不买也可以试用,功能上没有限制,就是每小时都会弹出一个购买邀请对话框(挺变态的),没钱只能认了,或者使用ST2免费版。网上有破解方法直接屏蔽掉。http://devework.com/sublime-text-3.html
汉化版:可以自己下汉化包进行汉化(网上有)
-------------------------------------------
2、参数配置
配置参数文件位置安装版,默认的sublime的配置文件是在C盘的目录下C:\Users\Thinkpad\AppData\Roaming\Sublime Text 3,删除目录Sublime Text 3后,在安装目录下手动建立data目录,就可以自动保存了。
绿色版portable version 默认就保存在data路径下User/Preferences.sublime-settings
默认配置参数
在 Preferences -> Settings-Default,看到默认配置文件 User/Preferences.sublime-settings中的内容,不可修改。部分内容如下
// Sets the colors used within the text area
"color_scheme": "Packages/Color Scheme - Default/Monokai.tmTheme",
// in your User File Preferences.
"font_face": "",
"font_size": 10,
// Valid options are "no_bold", "no_italic", "no_antialias", "gray_antialias",
// "subpixel_antialias", "no_round" (OS X only), "gdi" (Windows only) and
// "directwrite" (Windows only)
"font_options": [],
// Characters that are considered to separate words
"word_separators": "./\\()\"'-:,.;<>~!@#$%^&*|+=[]{}`~?",
// Set to false to prevent line numbers being drawn in the gutter
"line_numbers": true,
// Set to false to hide the gutter altogether
"gutter": true,
// Spacing between the gutter and the text
"margin": 4,
// Fold buttons are the triangles shown in the gutter to fold regions of text
"fold_buttons": true,
个性化的参数配置
在Preferences -> Settings-User中 修改配置,覆盖默认设置。配置参数间逗号分隔,Ctrl+S保存后,无需重启,立即生效(ST2需要重启)。
我的个人配置如下:
{
"bold_folder_labels": true,
"dpi_scale": 1.0,
"font_size": 16,
"highlight_line": true,
"ignored_packages":
[
"Vintage"
],
"save_on_focus_lost": true,
"show_encoding": true,
"show_line_endings": true,
"spell_check": false,
"tab_size": 2,
"translate_tabs_to_spaces": true,
"word_wrap": true
}
简单介绍下常用的参数配置
"font_size": 17 //字体大小
"highlight_line": true //光标所处在的那一行高亮
"save_on_focus_lost": true //丢失焦点自动保存
"show_encoding": true // 显示当前文件的编码
//Tab转换
"tab_size": 2,
"translate_tabs_to_spaces": true
"word_wrap": false //自动换行
"spell_check": false //拼写检查
//Vim模式
"ignored_packages": [
"Vintage"
]
菜单选择设置部分参数
主题风格等设置 Preferences -> Color scheme
只能改变字体的大小 Preferences -> Font
侧边栏、右边小地图等常用面板 菜单中View下选择 show还是hide各个参数
-------------------------------------------
3、快捷键设置
默认快捷键配置 Preferences -> Key Bindings-Default具体快捷键见后面快捷键总体介绍
自定义快捷键配置
在菜单中Preferences -> Key Bindings–User添加如下:
{ "keys": ["alt+shift+f"], "command": "reindent" , "args": {"single_line": false}}
上面语句添加了快捷键alt+shift+f进行代码格式化,注意 eclipse格式化快捷键“Ctrl+Shift+F”在sublime中和“在文件中查找”快捷键冲突了
-------------------------------------------
4、sublime格式化命令
上面添加了格式化命令快捷键。其实sublime自带了格式化命令,在菜单Edit]->[Line]->[Reindent]中。如果自带格式化编码不满足所使用的语言,如SQL、Ruby等,则安装插件,扩展格式化功能
ctrl+shift+P打开命令面板
输入“install package”后回车
输入“format”查找并选择对应语言
-------------------------------------------
5、中文文件名显示方框 问题
这是因为Windows个性化的“显示”中,设置DPI(自定义文本大小)大于了默认的100%,就会出现这个bug。目前,显示器分辨率基本都是1920*1080,默认DPI字太小,一般都会调大到,我设置了125%,sublime无法兼容(sublime无法显示DPI超过1的中文),所以将sublime的DPI设置为1.0就可以正常显示了。
在Preferences -> Settings-User中增加
"dpi_scale": 1.0,
就可以了。覆盖Windows默认设置,恢复成100%就行了
-------------------------------------------
6、扩展成IDE
Sublime Text安装插件
建议先启用Package Control,作用是安装插件时很方便,启用方法:菜单栏 – View – Show Console,贴入以下代码并回车,然后重启Sublime。如果你所在的网络无法启用,则无法使用,手动搜索下载去吧(话说你的网也被封了?)。
import urllib2,os;pf='Package Control.sublime-package';ipp=sublime.installed_packages_path();os.makedirs(ipp) if not os.path.exists(ipp) else None;open(os.path.join(ipp,pf),'wb').write(urllib2.urlopen('http://sublime.wbond.net/'+pf.replace(' ','%20')).read())
开始安装一些非常实用的插件吧,Ctrl+Shift+P(菜单 – Tools – Command Paletter),输入 install 选中Install Package并回车,输入或选择你需要的插件回车就安装了(注意左下角的小文字变化,会提示安装成功),安装其它插件也是这个方法,非常快速。
- ZenCoding
不得不用的一款前端开发方面的插件,Write less , show more.安装后可直接使用,Tab键触发,Alt+Shift+W是个代码机器。 - Alignment
代码对齐,如写几个变量,选中这几行,Ctrl+Alt+A,哇,齐了。 - Prefixr
写 CSS可自动添加 -webkit 等私有词缀,Ctrl+Alt+X触发。 - Tag
Html格式化,右键Auto-Format Tags on Ducument。 - Clipboard History
剪贴板历史记录,显示更多历史复制,Ctrl+Shift+V触发。 - SideBarEnhancements
侧栏右键功能增强,非常实用 - Theme – Soda
完美的编码主题,用过的都说好,Setting user里面添加”theme”: “Soda Dark.sublime-theme” - GBK to UTF8
将文件编码从GBK转黄成UTF8,菜单 – File里面找 - SFTP
直接编辑 FTP 或 SFTP 服务器上的文件,绝对FTP浮云 - WordPress
集成一些WordPress的函数,对于像我这种经常要写WP模版和插件的人特别有用 - PHPTidy
整理排版PHP代码 - YUI Compressor
压缩JS和CSS文件
-------------------------------------------
快速上手的讲解:
Sublime Text快捷键:
Ctrl+L:选当前行
- Ctrl+shift+L:多行编辑模式,编辑选中的多行
- Ctrl+j:合并为一行
- Ctrl+D:选择单词,重复为选择下一个
- F3向下查找,shift+F3向上查找
Ctrl+Z 撤销
Ctrl+Y 恢复撤销
Ctrl+/ 注释整行(如已选择内容,同“Ctrl+Shift+/”效果)
Ctrl+Shift+/ 注释已选择内容
查找 | Ctrl + F | 查找下一个 | F3 | 查找上一个 | Shift + F3 |
Incremental Find | Ctrl + I | 替换 | Ctrl + H | 替换下一个 | Ctrl + Shift + H |
快速查询 | Ctrl + F3 | 快速查询全部(多光标) | Alt + F3 |
— layout — | |||||
单视图 | Alt + Shift + 1 | 双列视图 | Alt + Shift + 2 | 三列视图 | Alt + Shift + 3 |
四列视图 | Alt + Shift + 4 | 四宫格视图 | Alt + Shift + 5 | 双行视图 | Alt + Shift + 8 |
三行视图 | Alt + Shift + 9 |
- 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+上下键,可替换行