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.... 字样。

时间: 2024-10-27 13:59:12

Sublime Text 3如何快速生成HTML5的头部信息和常用的快捷键的相关文章

Sublime Text 2的快速入门和常用技巧

1. 安装扩展器包管理器Package Control组件 点击菜单 View -> Show Console 调出控制台或者按快捷键 “Ctrl + `”(1左边的符号,可能和QQ拼音输入法和搜狗浏览器的快捷键有冲突,改下就可以) 输入下面的代码并按回车: import urllib2,os;pf='Package Control.sublime-package';ipp=sublime.installed_packages_path();os.makedirs(ipp) if not os.

Sublime Text2 新建文件快速生成Html头部信息和炫酷的代码补全

预备:安装emmet插件(previously known as Zen Coding) 方法一  package control法: 上一篇博客已经介绍了如何安装package control.打开sublime,mac下用command + shift + p调出命令窗口,输入install,选中package control:install package,等待1-2秒,下拉选中emmet plugin回车,等待2-3秒,重启sublime. 方法二 手动安装法: git下emmet pl

Sublime Text2 新建文件快速生成html头部信息及常用快捷命令

一.安装emmet插件 菜单栏: Preferences->Package Control->选中Package Control:Install Package->然后输入emmet plugin 回车,即开始安装,安装完成后会有信息提示,重启即可. 二.常用命令   命令+回车 html:5 回车 <!DOCTYPE html> <html lang="en"> <head>     <meta charset="

Sublime Text 3快捷使用

一.快速生成HTML5的头部信息的步骤: 1.Ctrl + N,新建一个文档: 2.Ctrl + Shift + P,打开命令模式,再输入 sshtml 进行模糊匹配,将语法切换到html模式: 3.输入  !,再按下 Tab键或者 Ctrl + E ,就能快速打开HTML5的整体结构. 二.十分常用的快捷键: Ctrl + P,打开搜索框.具体操作为:1.输入当前项目中的文件名,快速搜索文件,2.输入@和关键字,查找文件中函数名,3.输入:和数字,跳转到文件中该行代码,4.输入#和关键字,查找

Sublime Text插件之Emmet

转载:http://www.w3cplus.com/tools/using-emmet-speed-front-end-web-development.html Emmet插件以前被称作为Zen Coding,是一个文本编辑器的插件,它可以帮助您快速编写HTML和CSS代码,从而加速Web前端开发.早在2009年,Sergey Chikuyonok写过一篇文章,提出编写HTML和CSS的新方法.这一革命性的插件指的就是Zen Coding,经过很多开发者多年来的努力与帮助,现在已达到了一个新的水

Sublime Text 3常用插件—Emmet

原文链接:http://www.cnblogs.com/easy-blue/p/6617852.html 摘要: 安装请看上一篇Sublime Text-安装,和sublime自带快捷键一起用,写html简直快的飞起. 下面整理的是常用的,完整的可看emmet官方文档. 生成标签 1.快速生成文档结构 !或html:5,快速生成 HTML5 结构(都需要再按tab键) <!DOCTYPE html> <html lang="en"> <head> &

Sublime Text 3专题

MarkDowm语法记笔记 1.下载&&安装 下载 常用插件安装 Submlit使用教程 [如何优雅地使用Sublime Text3] 2.Sublime Text 便捷技巧 [以PHP为例] 1).快捷键键入当前时间: 快捷键绑定[Preferences-->Key Binding--User]:{"keys":["ctrl+t"], "command":"add_current_time"} 代码:保

Ubuntu 16.04下安装sublime Text的插件

Sublime Text是什么: 它是一款具有代码高亮.语法提示.自动完成且反应快速的编辑器软件,不仅具有华丽的界面,还支持插件扩展机制,用她来写代码,绝对是一种享受.相比于难于上手的Vim,浮肿沉重的Eclipse,VS,即便体积轻巧迅速启动的Editplus.Notepad++,在SublimeText面前大略显失色,无疑这款性感无比的编辑器是Coding和Writing最佳的选择,没有之一. 安装插件库步骤: 安装Package Control :     这个是在完成安装SublimeT

Sublime Text使用

安装Sublime Text Sublime 的安装比较简单,我们可以直接去官网http://www.sublimetext.com/,点击Download菜单,进入之后选择自己操作系统的进行下载安装即可.安装完成后我们可以打开,测试效果如下: 可以发现,Sublime Text 拥有及其简单无公害的界面. 对Sublime Text进行一些设置 Sublime编辑器的可拓展性非常强,它通过配置文件的形式来对整个编辑器进行设置,因此,我们只需修改相应的配置文件即可修改Sublime 的许多特性,