首页 开发工具 sublime Sublime 快速生成结构代码的方法介绍

Sublime 快速生成结构代码的方法介绍

Dec 16, 2019 am 11:49 AM
sublime

下面由sublime text教程栏目给大家介绍 Sublime 快速生成结构代码的方法,希望对需要的朋友有所帮助!

Sublime 快速生成结构代码的方法介绍

今天第一天系统学习前端知识。看了个视频,目前比较流行用的前端开发软件是sublime。于是,我就安装了。但是问题来了,我跟着视频里的操作,快速生成代码,结果发现,根本不听招呼。于是我就查。

晚上有好多种快速生成结构代码的方式,我一一尝试,都失败告终。后来发现一点,所有的方式都需要tab键。后来我突然意识到,可能是我的tab键和人家的不一样。于是,我就开始搜。

最后我确定了问题所在。即我没有安装对应插件。

下面说下安装方式。

1.插件管理的官网首页 https://packagecontrol.io/  (国外服务器的网页,较慢)。点击右侧的  Installation 菜单  

1a1daf49b3b7e4f557d24ae53b42cb0.png

2.根据不同的版本来选择  我这里使用的最新版本sublimeText3 复制红框内的内容

936609a07cc91900c299f6bfbaf2474.png

3.打开sublime.然后在 View 菜单中  Show Console 选项  打开底部的控制台.快捷键  ctrl+tab.在最下面白色输入框那栏   粘贴刚所复制的代码  。然后敲回车 进行下载插件管理中心必要包 。  最后控制台输出  275309 (类似的一串数字) 包的大小表示下载完成。然后这里 建议大家 重启一下sublime 重新加载sublime插件。

4.Preferences 菜单下面 会多出来这一项 package control  。表示下载安装成功  点击它 Package Control  (ctrl+shift+p)

然后选择install

 3a147ff33cad9b4dfb0544c9a2dc33c.png

5.然后会出现下面的画面。在搜索框输入你要安装的插件名字。比如tab的,就输入:emmet.然后点击,就开始安装了。安装过程中,下面的灰色条处,会有一个等号=,在一对中括号间左右跑。等不跑了,就是安装成功了。

 

6.再说下快速生成结构代码的几个方式1)输入html:xt,然后按下tab键。2)输入!然后按下tab键。3)输入!,然后按下ctrl+E

以上是Sublime 快速生成结构代码的方法介绍的详细内容。更多信息请关注PHP中文网其他相关文章!

本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

Video Face Swap

Video Face Swap

使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸!

热工具

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

html应该用什么打开 html应该用什么打开 Apr 21, 2024 am 11:33 AM

要打开HTML文件,您需要使用浏览器,例如谷歌Chrome或Mozilla Firefox。要使用浏览器打开HTML文件,请遵循以下步骤:1. 打开您的浏览器。2. 将HTML文件拖放到浏览器窗口中,或单击“文件”菜单并选择“打开”。

python编程用什么软件好 python编程用什么软件好 Apr 20, 2024 pm 08:11 PM

初学者推荐 IDLE 和 Jupyter Notebook,中/高级推荐 PyCharm、Visual Studio Code 和 Sublime Text。云端 IDE Google Colab 和 Binder 提供交互式 Python 环境。其他推荐包括 Anaconda Navigator、Spyder 和 Wing IDE。选择标准包括技能水平、项目规模和个人偏好。

python复制的代码怎么用 python复制的代码怎么用 Apr 20, 2024 pm 06:26 PM

在 Python 中使用复制的代码的步骤如下:将代码复制并粘贴到文本编辑器中。创建一个 Python 文件。在命令行中运行代码。理解代码的用途和工作原理。根据需要修改代码并重新运行它。

html怎么打开本地文件 html怎么打开本地文件 Apr 22, 2024 am 09:39 AM

HTML 可用于打开本地文件,步骤如下:创建一个 .html 文件并导入 jQuery 库。创建一个输入字段,允许用户选择文件。监听文件选择事件并使用 FileReader() 对象读取文件内容。将读取的文件内容显示到网页上。

python怎么建立py文件 python怎么建立py文件 May 05, 2024 pm 07:57 PM

在 Python 中创建 .py 文件的步骤:打开文本编辑器(例如 Notepad、TextMate 或 Sublime Text)。创建新文件并输入 Python 代码,注意缩进和语法。保存文件时,使用 .py 扩展名(例如,my_script.py)。

html用什么可以打开 html用什么可以打开 Apr 21, 2024 am 11:36 AM

HTML文件可使用浏览器(如Chrome、Firefox、Edge、Safari、Opera)打开:找到HTML文件(.html或.htm扩展名);右键单击/长按文件;选择"打开";选择您要使用的浏览器。

创建和打开 HTML 空文档 创建和打开 HTML 空文档 Apr 09, 2024 pm 12:06 PM

创建HTML文档:使用文本编辑器输入HTML结构,并保存为.html文件。打开HTML文档:双击文件或在浏览器中使用“文件”>“打开”选项。实战案例:创建新HTML文件,添加标题、样式表和内容,并保存为.html文件。

html编辑器哪个软件好用 html编辑器哪个软件好用 Apr 17, 2024 am 04:54 AM

综上所述,以下 HTML 编辑器广受好评:Visual Studio Code:跨平台、功能丰富、免费开源。Sublime Text:高性能、定制性强、付费软件。Atom:跨平台、可扩展、开源免费。Brackets:前端开发专用、直观界面、开源免费。Notepad++:轻量快速、功能强大、开源免费。选择 HTML 编辑器时,请考虑平台兼容性、功能、扩展性、价格和用户友好性等因素。

See all articles