sublime => 赏心悦目的开发利器

sublime => 赏心悦目的开发利器_第1张图片
官网截图

下载安装

  • Windows 不用说了吧 下载exe安装就好,安装包很小,安装很快
  • Ubuntu 的话下载deb文件包 dpkg -i [deb文件名],就好了,如果需要安装依赖 sudo apt-get install -f 一下,然后重复dpkg -i 就可以了

安装插件:

sublime 有丰富的插件生态,就算什么也不安装也能满足你大部分需求。

自动安装:
从菜单 View - Show Console 或者 ctrl + ~ 快捷键,调出 console。
将以下 Python 代码粘贴进去并 enter 执行,不出意外即完成安装。以下提供 ST3 和 ST2 的安装代码:
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(' ','%20')).read())

Sublime Text 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')

手动安装:
可能由于各种原因,无法使用代码安装,那可以通过以下步骤手动安装Package Control:
1.点击Preferences > Browse Packages菜单
2.进入打开的目录的上层目录,然后再进入Installed Packages/目录
3.下载 Package Control.sublime-package 并复制到Installed Packages/目录
4.重启Sublime Text。

Package Control 主文件下载地址:https://github.com/wbond/sublime_package_control
使用快捷键ctrl+shift+ p 然后输入install

卸载插件

ctrl+shift+p输入remove package选择要删掉的插件即可
sublime会显示列表告诉你安装了哪些插件

附上我的sublime截图

sublime => 赏心悦目的开发利器_第2张图片
Paste_Image.png

插件推荐

  • jsformant
    js开发者会喜欢的
    同样使用Package Control安装JsFormat插件后
    即可在JS文件中通过鼠标右键->JsFormat或键盘快捷键Ctrl+Alt+F对JS进行格式化

  • emmet
    写html结构时候很爽
    这个用熟练了,会很帅真的
    emmet使用方法
    emmet 使用方法

#page>div.logo+ul#navigation>li*5>a{Item $}
  • markdown preview
    给经常看readme.md文件的小伙伴
    查看markdown文件,ctrl + shift + p 输入markdown 会提示 show in brower 然后选择markdown 就会在浏览器里面显示md文件了

插件推荐 但我个人觉得还是需求决定 你需要什么就去搜 体验发现插件的乐趣,不要一股脑全安装上去,还不会用

主题安装

我选择seti这个主题,主要是配色我喜欢,而且侧边栏显示文件列表时候,会根据文件类型显示小图标。

sublime => 赏心悦目的开发利器_第3张图片

我的配置截图 (在 Performance --> Settings 里面修改 )

修改主题时候的文件地址
sublime => 赏心悦目的开发利器_第4张图片

sublime => 赏心悦目的开发利器_第5张图片

seti-ui 配置教程

快捷键(Sublime Text 3) (有点多,备忘而已,随用随查)

Ctrl+Shift+P:打开命令面板
** Ctrl+D:选择单词,重复可增加选择下一个相同的单词 **
Ctrl+P:搜索项目中的文件
Ctrl+G:跳转到第几行
Ctrl+W:关闭当前打开文件
Ctrl+Shift+W:关闭所有打开文件
** Ctrl+Shift+V:粘贴并格式化 **
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+上下键,可替换行
选择类
Ctrl+D选中光标所占的文本,继续操作则会选中下一个相同的文本。
Alt+F3选中文本按下快捷键,即可一次性选择全部的相同文本进行同时编辑。举个栗子:快速选中并更改所有相同的变量名、函数名等。
Ctrl+L选中整行,继续操作则继续选择下一行,效果和Shift+↓效果一样。
Ctrl+Shift+L先选中多行,再按下快捷键,会在每行行尾插入光标,即可同时编辑这些行。
Ctrl+Shift+M选择括号内的内容(继续选择父括号)。举个栗子:快速选中删除函数中的代码,重写函数体代码或重写括号内里的内容。
Ctrl+M光标移动至括号内结束或开始的位置。
Ctrl+Enter在下一行插入新行。举个栗子:即使光标不在行尾,也能快速向下插入一行。
Ctrl+Shift+Enter在上一行插入新行。举个栗子:即使光标不在行首,也能快速向上插入一行。
Ctrl+Shift+[选中代码,按下快捷键,折叠代码。
Ctrl+Shift+]选中代码,按下快捷键,展开代码。
Ctrl+K+0展开所有折叠代码。
Ctrl+←向左单位性地移动光标,快速移动光标。
Ctrl+→向右单位性地移动光标,快速移动光标。
shift+↑向上选中多行。
shift+↓向下选中多行。
Shift+←向左选中文本。
Shift+→向右选中文本。
Ctrl+Shift+←向左单位性地选中文本。
Ctrl+Shift+→向右单位性地选中文本。
Ctrl+Shift+↑将光标所在行和上一行代码互换(将光标所在行插入到上一行之前)。
Ctrl+Shift+↓将光标所在行和下一行代码互换(将光标所在行插入到下一行之后)。
Ctrl+Alt+↑向上添加多行光标,可同时编辑多行。
Ctrl+Alt+↓向下添加多行光标,可同时编辑多行。
编辑类
Ctrl+J合并选中的多行代码为一行。举个栗子:将多行格式的CSS属性合并为一行。
Ctrl+Shift+D复制光标所在整行,插入到下一行。
Tab向右缩进。
Shift+Tab向左缩进。
Ctrl+K+K从光标处开始删除代码至行尾。
Ctrl+Shift+K删除整行。
Ctrl+/注释单行。
Ctrl+Shift+/注释多行。
Ctrl+K+U转换大写。
Ctrl+K+L转换小写。
Ctrl+Z撤销。
Ctrl+Y恢复撤销。
Ctrl+U软撤销,感觉和Gtrl+Z一样。
Ctrl+F2设置书签
Ctrl+T左右字母互换。
F6单词检测拼写
搜索类
Ctrl+F打开底部搜索框,查找关键字。
Ctrl+shift+F在文件夹内查找,与普通编辑器不同的地方是sublime允许添加多个文件夹进行查找,略高端,未研究。
Ctrl+P打开搜索框。举个栗子:1、输入当前项目中的文件名,快速搜索文件,2、输入@和关键字,查找文件中函数名,3、输入:和数字,跳转到文件中该行代码,4、输入#和关键字,查找变量名。
Ctrl+G打开搜索框,自动带:,输入数字跳转到该行代码。举个栗子:在页面代码比较长的文件中快速定位。
Ctrl+R打开搜索框,自动带@,输入关键字,查找文件中的函数名。举个栗子:在函数较多的页面快速查找某个函数。
Ctrl+:打开搜索框,自动带#,输入关键字,查找文件中的变量名、属性名等。
Ctrl+Shift+P打开命令框。场景栗子:打开命名框,输入关键字,调用sublime text或插件的功能,例如使用package安装插件。
Esc退出光标多行选择,退出搜索框,命令框等。
显示类
Ctrl+Tab按文件浏览过的顺序,切换当前窗口的标签页。
Ctrl+PageDown向左切换当前窗口的标签页。
Ctrl+PageUp向右切换当前窗口的标签页。
Alt+Shift+1窗口分屏,恢复默认1屏(非小键盘的数字)
Alt+Shift+2左右分屏-2列
Alt+Shift+3左右分屏-3列
Alt+Shift+8垂直分屏-2屏
Alt+Shift+9垂直分屏-3屏
Ctrl+K+B开启/关闭侧边栏。
F11全屏模式
Shift+F11免打扰模式

你可能感兴趣的:(sublime => 赏心悦目的开发利器)