sublime text介绍
常用快捷键:
功能 | 快捷键 |
---|---|
查找 | Ctrl + P 定位到精确的行(: + 行号) 定位到具体符号(@ + 符号) 匹配到具体关键字(# + 关键字) |
命令行面板 | Ctrl + shift + P |
多行选择并操作 | Ctrl + D,Ctrl + shift + L |
将文件中的方法罗列出来以方便查找 | ctrl + r |
多行编辑:
- ctrl + d: 选中光标所占的文本,继续操作则会选中下一个相同的文本。(愚人码头注:多按几下试试)
- ctrl + click: 单击想要编辑的每一个地方,都将创建一个光标
- ctrl + shift + f 和 alt + enter: 在你的文件查找一个文本,然后将其全部选中
- ctrl+l 选中整行,继续操作则继续选择下一行,效果和 shift+↓ 效果一样。
- ctrl+shift+l 先选中多行,再按下快捷键,会在每行行尾插入光标,即可同时编辑这些行。
- ctrl+alt+↑ 或 ctrl+alt+鼠标向上拖动 向上添加多行光标,可同时编辑多行。
- ctrl+alt+↓ 或 ctrl+alt+鼠标向下拖动 向下添加多行光标,可同时编辑多行。
- shift+↑ 向上选中多行。
- shift+↓ 向下选中多行。
安装插件
然后添加安装代码到命令行
常用插件
- Package Control(包控制)
Sublime Text提供了绝对必要的包管理器。这是安装下面列出的所有插件和主题的最佳方式。继续,在包控制在安装插件。
使用方法:进入命令面板(ctrl + shift+ p),然后键入 install。
包控制将加载所有可用于安装的包。看看你可以查找并安装自己喜欢的包. -
Alignment (代码对齐)
一个非常简单和易于使用的插件,使你的代码组织和美观。当您重温代码时候非常有用。
使用方法:选中要调整的行,然后按 Ctrl+ Alt + A
- BracketHighlighter
该插件提供行数列高亮的各种配对的语法符号。(就是将配对的括号等显示在行数列上) -
Colorpicker
使用一个取色器改变颜色
使用方法: ctrl + shift + c
- Emmet
Emmet绝对的节省时间。您可以轻松快速地编写HTML。
使用方法: ctrl + alt + enter ,并且开始输入Emmet风格的HTML
Emmet指南
-
DocBlockr
一个真正简单的方式来轻松地创建许多语言包括JavaScript,PHP和CoffeeScript的文档块。只要在函数的上面输入/**,按Tab就可以了。DocBlockr会观察函数需要的变量名和类型,并创建文档块。
-
SidebarEnhancements
在侧边栏的文件上右击时,这个插件提供了大量更多的选择。打开,查找,复制和粘贴,等等。
这里是老菜单和SidebarEnhanced菜单的比较。
利用chrome调试
Element面板:用于调试HTML和CSS(页面制作相关)
Network面板:可以用于查看网站或网络请求
Sources面板:
console:命令行工具
如何打开调试工具:右键选择检查 或者 F12打开
查看某一项元素的源代码: