找回密码
当前位置：前端开发者 > 教程 > 正文

开发工具_sublime Text 3实用功能和常用快捷键

2018-07-24 分类：教程 阅读(664) 评论(0)

腾讯2014实习生招聘广州web前端开发二面会提前多久通知|前端开发必备技术|前端开发技术现状及前景

PS：ST3在Mac OX与Windows不同平台下的快捷键差别很大。下面是针对windows平台的解说。

  1. 可以直接打开图片
    版本3有个很好的特性（对于前端来说）：可以直接在ST3中打开图片。
  2. Goto Anything功能 — 快速查找（ctrl + P）
    输入@+函数名可以快速找到函数。
    输入#+文本可以快速进行文件内文本匹配。
  3. 多行游标功能（ctrl + D，非常实用）
    如何将文件中的某个单词更改为另一个？
    方法一：利用查找替换功能：ctrl + H
    方法二（推荐）：多行游标功能，选中一个后，按ctrl+D可以同时选中另一个，同时多了另一个光标。

但多行游标能完成查找替换功能不能完成的工作。
比如在某些符合条件的语句后面添加新行，同时加入一些新的文本，如何快速的达到这一目的？

  • 可以选中某一个模式，然后ctrl+D选中另一个，如果有某些不想添加新行的模式则按ctrl+K，ctrl+D跳过这个进入下一个符合条件的模式行。
  • 还可以按Alt + F3快捷键全选所有符合条件的单词，产生多个光标，而不用一个个ctrl+D选中。
  • 如果要在每行都加入光标，可以先ctrl+A然后ctrl+shift+L即可。
  • 如果想在某个字符的多行后面加上光标，可以将光标放在这个字符后面，按住shift键，然后右键可以向下拖动产生多个光标。
  1. 命令模式（应尽可能使用，而不用浪费脑细胞记忆大量命令的快捷键）
    比如用ctrl+N新建一个文件后，默认是plain text，没有语法高亮功能，如何设置语法模式？

    • 可以通过右下角的语法选择区选择希望设置的语法模式。
    • 还有另一种更好的办法，即使用ctrl + shift + P打开命令模式，然后输入set syntax [language]设置为某种语言的语法模式，比如set syntax java则设置为java语法高亮。
    • st3支持模糊匹配，你也可以直接输入syntax java或ssjava。
    • 若当前已经是某种语言的语法模式，则可以直接输入其它语言进行切换（而不用输入set syntax或syntax了），比如当然为java语法模式，那么直接输入js就可以马上切换为javascript语法模式。

还可以输入minimap隐藏或显示右边的minimap缩影

  1. 快速跳转到某一行
    按下Ctrl + G，输入行号，可以快速跳转到该行。
  2. 快速添加新行
    Ctrl + Enter可以在当前行下新建一行。
    Ctrl + Shift + Enter可以在当前行上面添加一行。
  3. 多行缩进
    选中多行后按Ctrl + ]可以增加缩进，按Ctrl + [可以减少缩进。
    PS：发现用Tab和Shift + Tab也是可以的。
  4. 完整拷贝，避免格式错乱
    我们发现，在从别的文件中拷贝一段代码过来的时候，多半只是第一行缩进，后面都乱了，这时可以使用Ctrl + Shift + V进行粘贴，可以在粘贴的过程中保持缩进，这时格式都是正确的。
  5. 重新打开关闭的标签
    在Chrome里面，如果你不小心关闭了某个标签页并想恢复它，你可以按下Shift + Ctrl + T重新打开它。
    在ST3中也一样，如果你不小心关闭了某个文件，可以按下Shift + Ctrl + T快速恢复。连续重复该按键，ST将会按照关闭的先后顺序重新打开标签页。
  6. 按住shift + ctrl然后按←或→可快速选中一行中的某一部分，连续按扩大选择范围。
    比如你需要将某一部分进行注释(ctrl+/)或删除，使用这个功能就很方便。
  7. 上下移动行
    定位光标或选中某块区域，然后按shift+ctrl+↑↓可以上下移动该行。
  8. shift + ctrl + d可快速复制光标所在的一整行，并复制到该行之前。
  9. Ctrl+Shift+M：选中花括号里面的全部内容不包括{}。
  10. Ctrl+Shift+K：删除整行。
  11. 快速关闭html里的标签
    写html文件时利用快捷键Alt + .可以快速关闭某个标签，如写<html>后按Alt+.可以快速得到</html>。
    但这样还是挺繁琐，可以使用前端插件Emmet插件，直接在新建的html文件里（首先得设置语法模式为html）直接输入!（代表html5格式的html文档）然后按下ctrl+E即可。

附：如何安装package control
通过快捷键ctrl+`或者View > Show Console菜单打开控制台，输入下面Python执行代码（适用于Python3.x解释器）：

import urllib.request,os; pf=’Package Control.sublime-package’; ipp = sublime.installed_packages_path(); os.makedirs( ipp ) if not os.path.exists(ipp) else None; 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()); print( ‘Please restart Sublime Text to finish installation’)

烟台前端开发招聘|web前端开发最新技术|麦子学院前端开发教程

赞(0)
前端开发者 » 开发工具_sublime Text 3实用功能和常用快捷键
64K
标签：前端开发者

前端开发者

相关推荐

评论 抢沙发

评论前必须登录！

 

最新评论