[sublimetext]sublimetext3如何快速生成html5的头部信息和常用的快捷键

红烧西红柿      2022-02-14     112

关键词:

一、快速生成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.... 字样。


---------------------
作者:长安桃夭
来源:CSDN
原文:https://blog.csdn.net/qq_35620807/article/details/51933831
版权声明:本文为博主原创文章,转载请附上博文链接!















为文件夹及文件添加用sublimetext3打开选项。

安装SublimeText3。在安装目录新建txt文件。粘贴以下代码。[Version]Signature="$WindowsNT$"[DefaultInstall]AddReg=SublimeText3[SublimeText3]hkcr,"*\shell\SublimeText3",,,"用SublimeText3打开"hkcr,"*\shell\SublimeText3\comma 查看详情

sublimetext3和插件的安装

SublimeText3和插件的安装 步骤一:进入官网下载SublimeText3(http://www.sublimetext.com/3),安装并打开SublimeText3 步骤二:进入SublimeText3包管理者的官网(https://packagecontrol.io/installation),进行复制下面这段话  步骤三:在... 查看详情

sublimetext3相关配置和设置

SublimeText3打开txt中文乱码的解决方法SublimeText是一个很强大的编辑器,但是对中文的支持并不好,在SublimeText2时,能够通过命令行的方式安装编码包来解决,但SublimeText3不能通过这种方式解决。在安装完SublimeText3后要下载一个Conv... 查看详情

sublimetext3sublimetext3汉化

 快捷键:Ctrl+Alt+P 输入快捷键Ctrl+Shift+P 在出现的文本框中输入InstallPackage(或直接输入“ip”)选中packageControl:InstallPackage并回车 ,然后在输入框中输入“localization”就会发现汉化语言的相关插件,最后点击主页面... 查看详情

sublimetext3插件安装

Sublimetext3下载     地址http://www.sublimetext.com/3,根据自己的操作系统选择合适的版本。Sublimetext3插件安装    1、首先安装PackageControl,安装方法       按Ctrl+`调出console,粘贴以下代码到底部命令行并回车:i... 查看详情

sublimetext3插件整理

...大平台,方便用户使用。种类繁多、功能强大的插件更给SublimeText3锦上添花。下载PackageControl后就可以迅速的开启插件之路。  这里是我的sublimetext3插件列 查看详情

sublimetext3简体中文汉化包

SublimeText3下载不用说是上官方下载地址:http://www.sublimetext.com/3SublimeText3简体中文汉化包使用方法1、将上面要求下载的sublime_text_3.zip 文件解压,得到的Default.sublime-package文件。打开sublimetext3,打开菜单->preferences->BrowsePacka... 查看详情

sublimetext3搭建nodejs环境

 1.NodeJs安装(windows环境下)下载node.js官网下载包https://nodejs.org/en/download/,或者在国内的http://nodejs.cn/download/ 的站点下载2.SublimeText3安装nodejs环境安装好sublimetext3后需要配置PackageControl。安装方式如下: 1)打开sublime 查看详情

sublimetext3使用之注释修改颜色

在用sublimetext3编写Python2代码时总觉得注释颜色太浅了,看起来吃力,于是就尝试去修改,和sublimetext2不同,sublimetext3的主题配置文件在SublimeText3PackagesColorScheme-Default.sublime-package这个文件里面,然后就是在文件里找到你正在使用... 查看详情

sublimetext3初使用

      SublimeText3初使用作为一个小白,我!要学着用这个工具了。因为据说非常好用。那么来看下本文的大纲吧介绍下,我的环境   操作系统:win1064bit   sublimeText 3版本:3143那么就开始啦。 ... 查看详情

如何使用sublimetext3

...醉)目录结构:何优雅使用SublimeText目录结构SublimeText23比SublimeText3安装插件SublimeText3插件推荐定制属于自快捷键Sublime知实用技巧定制属于自性化主题Sublime锦添花些许设置写路更结语SublimeText23比相比于2SublimeText3秒启项压倒性胜利... 查看详情

sublimetext3下载安装与emmet插件的安装

sublimetext3下载安装与Emmet插件的安装   对于前端工程师来说,sublimetext3绝对是神器,下面,介绍方法。  第一步:进入官网下载sublimetext3。比如对于我的64位windows系统,我选择了如下所示的一项:(注意:截图工具我使... 查看详情

sublimetext3安装packagecontrol

........................................................................................................................................................................................................ 查看详情

sublimetext3注册码

新下载了一个文本编辑器sublimeText3,没有注册码,本人新测过了,可以使用:(1)打开sublimeText3 点击“Help”,会有EnterLicense(这里我已经输入了,所以变成了RemoveLicense)  (2)复制下面的License,即可。-----BEGINLICENS... 查看详情

开发者常用的sublimetext3插件

1、官网下载SublimeText3(已有安装包的,请忽略)    SublimeText官网下载地址:http://www.sublimetext.com/2、打开SublimeText3-->help-->EnterLicense3、百度注册码!!!下面提供一个```    —–BEGINLICENSE 查看详情

sublimetext3中文乱码问题

SublimeText3SublimeText3是我最喜欢的代码编辑器,没有之一,因为她的性感高亮代码配色,更因为它的小巧,但是它默认不支持GBK的编码格式,因此打开GBK的代码文件,如果里面有中文的话,就会乱码1   大家如果是在官... 查看详情

sublimetext3安装配置

一.下载安装包SublimeText3汉化版   链接:https://pan.baidu.com/s/1gfypb7X提取码:hg4p 二.安装PackageControl插件   下载PackageControl.sublime-package并复制到SublimeText3PristinePackages文件夹下&nb 查看详情

sublimetext3安装angularjs插件

...解如何为sublime安装AngularJS插件。首先提供一个破解版的sublimetext3的下载地址:http://pan.baidu.com/s/1gdzjBs3另外,你要自己去进行Sublimetext3中PackageControl的安装。具体的安装步骤如下:首先下载PackageControl主文件下载: 查看详情