• 技术文章 >开发工具 >sublime

    Sublime Text 3快速生成HTML5头部信息

    藏色散人藏色散人2020-09-08 09:38:37转载1299
    下面由sublime教程栏目给大家介绍Sublime Text 3快速生成HTML5的头部信息和常用的快捷键,希望对需要的朋友有所帮助!

    一、快速生成HTML5的头部信息的步骤:

    1.Ctrl + N,新建一个文档;

    2.Ctrl + Shift + P,打开命令模式,再输入 sshtml 进行模糊匹配,将语法切换到html模式;

    3.输入 !,再按下 Tab键或者 Ctrl + E ,就能快速打开HTML5的整体结构。

    二、十分常用的快捷键:

    Ctrl + P,打开搜索框。具体操作为:1、输入当前项目中的文件名,快速搜索文件,2、输入@和关键字,查找文件中函数名,3、输入:和数字,跳转到文件中该行代码,4、输入#和关键字,查找变量名。
    Ctrl + 回车,在当前行的下一行添加一行空行。
    Ctrl + Shift + 回车,在当前行的上一行添加一行空行。
    Ctrl + Z,撤销。
    Ctrl + Y,取消撤销。
    Ctrl + ],或者Tab键,向右缩进。
    Ctrl + [,或者Shift +Tab,向左缩进。
    Ctrl + Shift + V,粘贴过程中保持缩进。
    Alt + F3,选中选择的词。
    “>”号,子元素选择符;“.”号,后面跟的是class名;“$”符,代表的是序号。

    举个例子:输入 ul>.item$*10,再按下Ctrl + E,则会一次性输出一个无需列表,列表中有10个带有class名为item的 li 行。

    无疑这种一次性输入多行的方式十分快捷。如果多行有同一种操作,可以运用多行游标,Alt + F3会选中鼠标之前选择的词,此时多行被选中,按方向键可以选择移动,按 { } 可以在里面输入内容,最后将光标移出 } 外,Ctrl + E则会将 { } 内的内容全部输出,一次输出多行。比如在全部选中后,输入 h2 { this .... },再Ctrl + E,则会输出多行h2大小字体的 this.... 字样。

    以上就是Sublime Text 3快速生成HTML5头部信息的详细内容,更多请关注php中文网其它相关文章!

    声明:本文转载于:cnblogs,如有侵犯,请联系admin@php.cn删除
    专题推荐:Sublime
    上一篇:比较一下sublime和vscode 下一篇:解决Sublime Package Control无法安装的问题
    大前端线上培训班

    相关文章推荐

    • 三步搞定sublime text 3配置• 分享Sublime Text 3 、WebStorm配置护眼主题(浅绿色)• Sublime Text 快捷键列表分享• 关于sublime text3分屏的问题

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网