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

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

GreenBoots Web前端工程师
难度入门
时长 1小时 0分
  • Sublime可以直接打开图片
    查看全部
  • 多行游标 方法一:Find -> Replace...:替换,Ctrl+H 方法二:Ctrl+D选择当前光标所在单词,重复Ctrl+D进行多次选择,产生多行游标 用Ctrl+D进行多行游标操作时,可用Ctrl+K加Ctrl+D跳过不需要操作的内容 使用单词选择产生多行游标 方式一:多次使用Ctrl+D选择单词,可用Ctrl+K加Ctrl+D跳过不需要操作的单词 方式二:选中第一个单词,输入Alt+F3选中所有相同的单词 方式三:通过拆行的方式产生多行游标,输入Ctrl+A,再输入Ctrl+Shift+L 方式四:使用鼠标进行拖拽,可在任何地方产生多行游标,按住Shift键,再按住鼠标右键,向下拖拽产生多行游标
    查看全部
  • 综合技巧运用 Ctrl+N新建文本,Ctrl+Shift+P打开命令模式,输入"sshtml(Set Syntax HTML)"更改语法模式为HTML格式,在编辑区输入"<html>",点击菜单栏Edit->Tag->Close Tag(Alt+.)可以快速闭合标签(也可用Emmet插件快速完成:输入"!",Ctrl+E,生成整段HTML文档),输入title内容,然后跳转到body标签内部编辑内容(Ctrl+P打开GotoAnything搜索框,输入"#"(#是一个对页面的匹配),再输入"body",回车,光标跳到body开始标签内),要在body开始标签下一行编辑,输入Ctrl+Enter(在当前行下面添加一行),要显示一段无序列表(有10个li),输入"ul>.item$*10"('>'为子元素选择符,'.'代表class,'item'为以item开头的class,'$'代表序号,'*10'代表生成10个li,class为item1-item10),Ctrl+E,生成一段无序列表,选择ul,Ctrl+]增加缩进(Ctrl+[减少缩进),在li标签内部添加内容(使用多行游标,选择'><',Alt+F3全选),在li标签内添加标题(输入"h2{this is title}"('{}'在Emmet插件里意思是输出内容),Ctrl+E,生成完整的h2标签); 编辑JavaScript代码,在title标签下方输入"script",Ctrl+E,生成script标签,回车,光标在script结束标签前,Ctrl+Shift+Enter(在当前行上面添加一行); 从别的文件拷贝代码,用GotoAnything搜索框输入文件目录(如"publc/js"),Ctrl+C复制代码,Ctrl+Shift+V粘贴代码(保持了缩进)
    查看全部
  • Emmet插件<br> 输入!后,按Ctrl+E,变成HTML5文档 ul>li*4, 按Ctrl+E, 试试 ul>.class*4, 按Ctrl+E, 试试 h1{this is content}, 按Ctrl+E, 试试 ul>.class$*4, 按Ctrl+E, $是一个从1开始自增停至于数量的变量
    查看全部
  • @ 可以帮助查找css选择器
    查看全部
    0 采集 收起 来源:Goto Anything

    2016-07-15

  • @可以帮助查询css标识
    查看全部
    0 采集 收起 来源:Goto Anything

    2016-07-15

  • 模糊匹配
    查看全部
    0 采集 收起 来源:Goto Anything

    2016-07-15

  • ctr+p goto anything
    查看全部
    0 采集 收起 来源:Goto Anything

    2016-07-15

  • ctr+shift+d 复制行 ctr+shift+k 删除行
    查看全部
  • 如何安装emmet 用命令打开ctrl+shift+p 然后输入install 等一下跳出搜索 输入emmet就能自动安装了
    查看全部
  • Ctrl + P go to anything Ctrl + D select the word Ctrl + Shift + K delete the line Ctrl + Shift + P set the Syntax
    查看全部
  • 通过“命令模式”可以完成以下功能: 修改编辑区的语法模式; 安装新的插件; 隐藏/显示minimap。
    查看全部
  • Ctrl+Shift+P 快捷键的作用是:打开命令模式
    查看全部
  • 命令模式 更改当前语法模式为JavaScript 方法一:鼠标点击右下方的语法选择区选择需要的语法模式 方法二:使用命令模式,打开Tools -> Command Palette...(Ctrl+Shift+P),输入"set syntax javascript"或"syntax javascript" 切换到Java模式:Ctrl+Shift+P,输入"java" 切换到JavaScript模式:Ctrl+Shift+P,输入"js" 命令模式可以帮助查找需要的新的功能 如把右上方的minimap隐藏:Ctrl+Shift+P,输入"minimap" 再显示minimap:Ctrl+Shift+P,输入"minimap"
    查看全部
  • !ctrl+e
    查看全部

举报

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

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