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

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

GreenBoots Web前端工程师
难度入门
时长 1小时 0分
  • ctrl+P 1.查找文件可直接输入文件名或文件路径
    查看全部
    0 采集 收起 来源:Goto Anything

    2016-02-19

  • Emment: !-Ctrl+E 在本页寻找命令:Goto anything(@+...)
    查看全部
  • 结束标记:Edit-tag-close tag 锁紧:Ctrl+} 某一特征全选:Alt+L3 $:序号 .:Class {}输出内容 粘贴并保持缩进:Ctrl+Shift+V
    查看全部
  • 切换命令:Ctrl+shift+P
    查看全部
  • 1、ctrl + shift + P 开启语法命令模式 2、 ss 代表 set syntax 3、模糊匹配,sshtml 代表 set syntax html emmet Ctrl + E 快捷键生成一整段代码 sublime 快速选择标记 1、Ctrl +P goto Anything 特性 2、#是对整个页面的匹配 后面加上标记,回车跳转 3、Crtl + enter 在下方插入新行 sublime emmet插件下 快速插入列表 1、ul> >(大于号代表要生产ul下的子元素) 2、ul>.ltem . ltem(点代表class,class名称是ltem开头) 3、ul>.item$*10 $*10($美元符代表序号,*10生成10个带有item的class元素) 4、按Ctrl +E 生成 缩进 1、首先选择需要缩进的ul元素 2、按Ctrl + ] 往后缩进,Ctrl + [ 往前缩进 多行游标 1、选择特征符号 >< 2、alt + F3 全选此标记 3、移动方向键,可以操作游标 3、可以,回车 输入 内容 4、输入内容 h2{this is title} 光标移动到 }末尾 Ctrl + E 可以操作(h2代表标标记,{}大括号代表书写内容,光标需要移动到大括号末尾才可以才做) 编辑javaScript Ctrl + P #title 快速选择 title 标记 ctrl + enter 下方回车 输入 script 然后ctrl + e ctrl + shift + enter 上方回车 拷贝代码 复制 粘贴 ctrl + shift + v 粘贴过成中保持缩进
    查看全部
  • 全部选定:Ctrl+A 多行变为一行编辑:Ctrl+shift+L
    查看全部
  • 打开新的编辑区:Ctrl+N
    查看全部
  • 直接多选:Ctrl+F3
    查看全部
  • 快速复制:Ctrl+shift+D
    查看全部
  • 跳过临近游标种类:Ctrl+K
    查看全部
  • 多行游标:Ctrl+D
    查看全部
  • Find & Replace: Ctrl+H
    查看全部
  • Java script 中Goto anything 快捷键:Ctrl+ Shift+ P
    查看全部
    0 采集 收起 来源:Goto Anything

    2016-02-19

  • 1. Goto anything 快捷键:Ctrl+P 2. 输入@即出现所有CSS文件
    查看全部
    0 采集 收起 来源:Goto Anything

    2016-02-19

  • emmet插件:闭合标签 ctrl+e 输入英文的!、ctrl+e:在html5文件中,自动生成html5格式文档; ctrl+p、输入#:对页面的匹配,输入body,光标停在body标签; ctrl+enter:可在当前标签的下一行输入内容; 在body标签内输入:ul>.item$*10,ctrl+e,自动生成 <ul> <li class="item1"></li> <li class="item2"></li> <li class="item3"></li> <li class="item4"></li> <li class="item5"></li> <li class="item6"></li> <li class="item7"></li> <li class="item8"></li> <li class="item9"></li> <li class="item10"></li> </ul> 其中“>”表示选子元素“.item$*10”表示class为item1至item10; 输入h2{this is title}、ctrl+e:自动生成<h2>this is title</h2>,“{}”表示标签内输入的内容,注:光标要在最后 ctrl+左大括号键:左缩进 ctrl+右大括号键:右缩进 ctrl+shift+enter:当前行的上一行添加内容 ctrl+shift+v:粘贴并格式化
    查看全部

举报

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

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