今天简单的接触了SublimeText编辑器和它的插件,今天小结一下:
1:安装下下载SublimeText2编辑器,去官方网站下载,我是下载的win64的绿色版本。
地址: http://www.sublimetext.com/2
2:在控制台输入命令来安装插件安装工具:
调用控制台的快捷键:ctrl + 、(~) 这2组合键
命令: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(' ','%20')).read()); print 'Please restart Sublime Text to finish installation'
记得回车
3:个人感觉窗口颜色不爽,果断的修改颜色:
找到自己的存放目录:Sublime Text 2\Data\Packages\Color Scheme - Default下选中自己当前的主题(查看当前主题:Preferences/ColorScheme,看哪个被选中了)
用编辑器打开:我的主题是Mac Classic.tmTheme
查找并修改下面项(#C7EDC7是我自己设定了颜色,保护视力啊~~~):
<key>background</key>
<string>#C7EDC7</string>
4:安装其他插件:
使用命令ctrl+shift+p调出安装插件的输入框,在里面输入:package install,然后回车,一会会自动弹出一个输入框,你可以再里面输入自己要的插件名称。
我这里介绍下我用的插件Emmet(说是ZenCoding的替代品,因为我怎么也搜不到ZenCoding的插件安装了):在弹出的小窗中输入Emmet安装好插件,然后重启
该插件的简单使用:
注:按ctrl+alt+回车调出插件的控制台,在控制台输入自己的命令来编辑。
命令解释:
# 表示标签的id
$ 表示一个占位符,会自动的替换为数字,如果标签有多个的话会自动递增。
. 表示标签的class属性
[key=value] 可以为标签设定指定的属性
* 在后面跟上数字几,就表示当前标签复制几份。
当然还可以安装些别的插件和语法片段来提示输入。
5:SublimeText2常用的一些快捷键(自定义):
1:安装下下载SublimeText2编辑器,去官方网站下载,我是下载的win64的绿色版本。
地址: http://www.sublimetext.com/2
2:在控制台输入命令来安装插件安装工具:
调用控制台的快捷键:ctrl + 、(~) 这2组合键
命令: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(' ','%20')).read()); print 'Please restart Sublime Text to finish installation'
记得回车
3:个人感觉窗口颜色不爽,果断的修改颜色:
找到自己的存放目录:Sublime Text 2\Data\Packages\Color Scheme - Default下选中自己当前的主题(查看当前主题:Preferences/ColorScheme,看哪个被选中了)
用编辑器打开:我的主题是Mac Classic.tmTheme
查找并修改下面项(#C7EDC7是我自己设定了颜色,保护视力啊~~~):
<key>background</key>
<string>#C7EDC7</string>
4:安装其他插件:
使用命令ctrl+shift+p调出安装插件的输入框,在里面输入:package install,然后回车,一会会自动弹出一个输入框,你可以再里面输入自己要的插件名称。
我这里介绍下我用的插件Emmet(说是ZenCoding的替代品,因为我怎么也搜不到ZenCoding的插件安装了):在弹出的小窗中输入Emmet安装好插件,然后重启
该插件的简单使用:
注:按ctrl+alt+回车调出插件的控制台,在控制台输入自己的命令来编辑。
命令解释:
# 表示标签的id
$ 表示一个占位符,会自动的替换为数字,如果标签有多个的话会自动递增。
. 表示标签的class属性
[key=value] 可以为标签设定指定的属性
* 在后面跟上数字几,就表示当前标签复制几份。
当然还可以安装些别的插件和语法片段来提示输入。
5:SublimeText2常用的一些快捷键(自定义):
//和eclipse的常用快捷键接近
[
{
"keys": ["ctrl+shift+f"], "command": "js_format",//JS格式化
"context": [{"key": "selector", "operator": "equal", "operand": "source.js,source.json"}]
},
{ "keys": ["ctrl+shift+r"], "command": "show_overlay", "args": {"overlay": "goto", "text": "@"} },
{"keys": ["f11"], "command": "toggle_full_screen" }, //全屏
{"keys": ["ctrl+d"], "command": "run_macro_file", "args": {"file": "Packages/Default/Delete Line.sublime-macro"}},//删除整行
{"keys": ["ctrl+/"], "command": "toggle_comment", "args": { "block": false }}, //使用/进行注释
{"keys": ["ctrl+shift+/"], "command": "toggle_comment", "args": { "block": true } },//注释*
{"keys": ["ctrl+l"], "command": "show_overlay", "args": {"overlay": "goto", "text": ":"} },//定位到第几行
{"keys": ["ctrl+shift+l"], "command": "expand_selection", "args": {"to": "line"} },//选择整行
{"keys": ["alt+s"], "command": "sort_lines", "args": {"case_sensitive": false} }, //不区分大小写按a-z排序
{"keys": ["alt+shift+s"], "command": "sort_lines", "args": {"case_sensitive": true} }, //区分大小写按a-z排序
{"keys": ["ctrl+alt+down"], "command": "duplicate_line" }, //复制光标所在行
{"keys": ["ctrl+alt+up"], "command": "duplicate_line" }, //复制光标所在行
{"keys": ["alt+up"], "command": "swap_line_up" }, //代码上移
{"keys": ["alt+down"], "command": "swap_line_down" }, //代码下移
{"keys": ["ctrl+e"], "command": "find_under_expand" }, //查找下一个选中单词,选中多个
{"keys": ["ctrl+shift+u"], "command": "upper_case" },//转大写
{"keys": ["ctrl+shift+d"], "command": "lower_case" },//转小写
{"keys": ["ctrl+shift+up"], "command": "select_lines", "args": {"forward": false}},//向上延长光标
{"keys": ["ctrl+shift+down"], "command": "select_lines", "args": {"forward": true}},//向下延长光标
{"keys": ["ctrl+k"], "command": "find_under" },//下一个匹配选中单词
{"keys": ["ctrl+shift+k"], "command": "find_under_prev" },//上一个匹配选中单词
{"keys": ["ctrl+pagedown"], "command": "next_view" }, //后一个文件
{"keys": ["ctrl+pageup"], "command": "prev_view" } //前一个文件
]