为了账号安全,请及时绑定邮箱和手机立即绑定
慕课网数字资源数据库体验端
前端开发工具技巧介绍—Sublime篇_学习笔记_慕课网
为了账号安全,请及时绑定邮箱和手机立即绑定

前端开发工具技巧介绍—Sublime篇

GreenBoots Web前端工程师
难度入门
时长 1小时 0分
  • 1、Ctrl+H :查找替换 2、Ctrl+D :选择游标所在单词,连续Ctrl+D 实现多行选择(选择与第一次选择相同的单词) 3、Ctrl+K Ctrl+D 跳过当前选择,选择下一个 4、Ctrl+shirt+D:复制游标所在行 5、Alt+F3:选择所有与游标所在单词相同的单词 6、按住shift键,然后按住鼠标右键向下拖动,也可产生多行游标
    查看全部
  • 1. 注释是一种好的编程习惯,提高代码可读性和维护性 2. 安装Dockblockr插件 3. 输入/* 按 Enter,补充行注释。或选中后热键 Ctrl+ / 4. 输入/** 按 Enter,补充多行注释。或选中后热键 Ctrl+shift+ / 5. 在写好的函数上方输入/**按tab键,自动补充函数说明格式。
    查看全部
  • 开发html过程 打开一个编辑区 快捷键ctrl+N 之后需要把语法模式转变为html语法 通过命令模式完成 ctrl+shift+p开启命令模式 输入ss代表set syntaxc 之后输入html 通过模糊匹配切换到html格式。 切换到html格式可以进行编辑 在编写开始符和结束符(点击close tag)可以快速的闭合一些标记 也可以通过快捷键 alt加点号完成。 可以用 emmet插件更迅速的完成上述的小操作 直接输入一个叹号! 然后输入ctrl+e可以生成一整串的html文档。 ctrl+enter是在当前行下面添加一行 ctrl+shift+enter在上面一行进行添加 快速生成ul和li 多行游标功能
    查看全部
  • 1、Ctrl+H :查找替换 2、Ctrl+D :选择游标所在单词,连续Ctrl+D 实现多行选择(选择与第一次选择相同的单词) 3、Ctrl+K Ctrl+D 跳过当前选择,选择下一个 4、Ctrl+shirt+D:复制游标所在行 5、Alt+F3:选择所有与游标所在单词相同的单词 6、按住shift键,然后按住鼠标右键向下拖动,也可产生多行游标
    查看全部
  • 可以自动识别文件,显示在右下角 而且语法高亮 可以直接打开图片
    查看全部
  • 1.ctrl+shirt+enter 在当前上方添加一行 2.(ul>.item$*10{content})+(ctrl+E) > 号生成子元素 ,$ 产生序号,{ }产生内容 3.Ctrl+] 增加缩进 [ 减小缩进。 4.alt+f3 全选,可以选中一部分再选择所有有该部分的元素。如 >< 标签之间的两个符号 5.ctrl+shift+v 保持缩进粘贴
    查看全部
  • item插件效果
    查看全部
  • 1、Ctrl+H:查找替换 2、Ctrl+D:选择游标所在单词,连续Ctrl+D实现多行选择(选择与第一次选择相同的单词) 3、Ctrl+K Ctrl+D:跳过当前选择,选择下一个 4、Ctrl+shift+D:复制游标所在行 5、Ctrl+F3:选择所以与游标所在单词相同的单词 6、全选:先Ctrl+A全选然后Ctrl+shift+L产生游标 7、按住shift,右键,拖动,产生多行游标
    查看全部
  • 1、Ctrl+H :查找替换 2、Ctrl+D :选择游标所在单词,连续Ctrl+D 实现多行选择(选择与第一次选择相同的单词) 3、Ctrl+K Ctrl+D 跳过当前选择,选择下一个 4、Ctrl+shirt+D:复制游标所在行 5、Alt+F3:选择所有与游标所在单词相同的单词 6、按住shift键,然后按住鼠标右键向下拖动,也可产生多行游标
    查看全部
  • ctrl+p : go to anything转到任何的快捷键 ctrl+shift+p : 设置模式,可在该输入框输入js,css等模式 在css文件下,在go to anything输入框输入@+id/class名,立即转到该id/class下
    查看全部
  • 1. ctrl+N 打开编辑区 2. 转换语法格式:ctrl+shift+p -->输入html -->Enter 切换到html格式 (补充:ctrl+.闭合标签) 3. !+ctrl+E 生成一整段html文档 4. ctrl+p -->#body 定位到标签 ctrl+enter 在当前下方添加一行 ctrl+shirt+enter 在当前上方添加一行 5.(ul>.item$*10{content})-->(ctrl+E) > 号生成子元素 ,$ 产生序号,{ }产生内容 6. Ctrl+] 增加缩进 [ 减小缩进。 7. alt+f3 全选,可以选中一部分再选择所有有该部分的元素。如 >< 标签之间的两个符号 8. 寻找文件ctrl+shift+p 文件路径文件名 回车 9. ctrl+shift+v 保持缩进粘贴
    查看全部
  • 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+4 左右分屏-4列 Alt+Shift+5 等分4屏 Alt+Shift+8 垂直分屏-2屏 Alt+Shift+9 垂直分屏-3屏 Ctrl+K+B 开启/关闭侧边栏。 F11 全屏模式 Shift+F11 免打扰模式
    查看全部
  • 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+/ 注释多行。
    查看全部
  • httprequest插件快捷键:ctrl+alt+r
    查看全部
  • advacenewfile 快捷键:ctrl+alt+n
    查看全部

举报

0/150
提交
取消
课程须知
1.具有前端开发经验; 2.对HTML+CSS+JavaScript内容熟悉掌握。
老师告诉你能学到什么?
1.快速提高编辑水平; 2.增加网络开发专业能力。
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!