Sublime Text HTML 美化插件和自动补全插件的安装与使用

Sublime Text是一款广受开发者喜爱的文本编辑器,其强大的扩展生态系统为用户提供了丰富的功能选择。在HTML开发中,有两个常用的插件可以大大提升开发效率和代码美观度,它们分别是:Html美化插件和自动补全插件。

准备工作

在开始安装这两个插件之前,请确保已经完成以下准备工作:

  1. 安装Sublime Text软件:确保你已经下载并成功安装了Sublime Text编辑器。

  2. 查看Package Control:确保Sublime Text中已经安装了Package Control插件管理工具。你可以通过单击"首选项(N)"菜单,选择"Package Control",或者按下快捷键Ctrl + Shift + P来查看是否已经安装。

  3. 如何解决 Sublime Text 使用Install Package时出现 There are no packages available for installation 问题

安装Html美化插件(Emmet)

1、Html 自动补全插件为:Emmet

2、单击 首选项(N) > Package Control 菜单或者按快键键 ` Ctrl + Shift + P `

3、输入Install,选中:Package Control:Install Package

4、输入插件名称,点击对应的插件安装,如下图所示:

搜索插件Emmet

使用Html美化插件(Emmet)

Emmet插件为编写HTML和CSS代码提供了强大的自动补全功能。以下是一些常用的快捷方式说明:

  • HTML标签:输入HTML标签名称,例如div,然后按下Tab键即可生成完整的HTML标签。

  • 子元素:在标签内部输入>,然后再输入子元素的标签名称,按下Tab键即可生成嵌

  • 快捷方式说明:https://github.com/sergeche/emmet-sublime#readme

常见问题

1、每次打开 SUblime PvY8 一直 Loading,并提示错误信息:Error while loading PyV8 binary:exit code..... 

      ⑴ 下载 PyV8,下载地址为:https://github.com/emmetio/pyv8-binaries#readme 这里选择的是 pyv8-win64-p3.zip。

      ⑵ 放进插件目录下,如下图,重启 Sublime。

image.png  



文章来源地址https://www.toymoban.com/diary/apps/5.html

到此这篇关于Sublime Text HTML 美化插件和自动补全插件的安装与使用的文章就介绍到这了,更多相关内容可以在右上角搜索或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

原文地址:https://www.toymoban.com/diary/apps/5.html

如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请联系站长进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用
未经允许不得转载:Toy模板网 » Sublime Text HTML 美化插件和自动补全插件的安装与使用
MySQL数据库实现数据存在则更新,不存在则插入的实用方法
上一篇 2023年10月28日 11:10
常用的黑帽SEO手法有哪些以及为什么我的网站不收录?
下一篇 2023年10月28日 17:19

相关文章

  • Sublime Text插件anaconda自动补全及文件编码

    New versions of this anaconda plugin only works with Python = 3.6 and requires Sublime Text 4 build = 4107 。This means versions higher than 2.2.3  will not  work in Sublime Text 3  配置自定义的anaconda Preference–Package Setttings–Anaconda–Settings User 说明:(sublime插件anaconda的设置[通俗易懂]-腾讯云开发者社区-腾讯云

    2024年02月13日
    浏览(41)
  • Mac和Linux的Terminal终端美化,命令高亮、自动补全、超多内置插件等着你来探索

    如果你经常和Terminal打交道,那么这个开源的项目一定很适合你 官网地址:https://ohmyz.sh/ 安装 Oh My Zsh是Zsh的框架,所以看下是否安装了zsh。 如果没有安装zsh,需要根据对应系统根据命令安装配置 官网安装参考地址: https://github.com/ohmyzsh/ohmyzsh/wiki/Installing-ZSH 安装完zsh后就可

    2024年02月07日
    浏览(34)
  • Aws Toolkit 自动补全代码插件,并如何在vscode中 安装,使用

    1、Aws Toolkit 简介:自动生成代码插件(类似于copilot) AWS Toolkit是亚马逊推出的一款插件,能够帮助用户快速开发、调试和部署基于Amazon Web Services的应用。它为开发者提供了一个集成开发环境(IDE),可用于在IDE中直接访问AWS服务。AWS Toolkit支持多种主流的IDE,包括Visual Stu

    2024年02月07日
    浏览(42)
  • SubLime Text PackageDev 插件高亮规则设置

            作为一名 Android 开发工作者,开发过程中查看日志文件最经常使用的就是 Android Studio 的 Logcat 了,而且最新版本的 AS 的 Logcat 做了调整,友好度有了非常高的提升。 但是有时我们需要看的是后台上传过来的日志,此时 Logcat 就无法发挥作用了,由于我使用的是一台

    2024年02月06日
    浏览(39)
  • 【Sublime Text】| 01——下载安装注册

    系列文章目录 【Sublime Text】| 01——下载软件安装并注册 【Sublime Text】| 02——常用插件安装及配置 失败了也挺可爱,成功了就超帅。         轻量代码编辑器有很多 之前一直用 Notepad++ 因为作者不当言论 之前很早久换成 Sublime Text 了 用了很久感觉很不错今天准备安装一

    2024年01月23日
    浏览(34)
  • 静态网页设计——滑板官网(HTML+CSS+JavaScript)(dw、sublime Text、webstorm、HBuilder X)

    前言 声明:该文章只是做技术分享,若侵权请联系我删除。!! 感谢大佬的视频:https://www.bilibili.com/video/BV1Cw411u7hj/?vd_source=5f425e0074a7f92921f53ab87712357b 源码:https://space.bilibili.com/565112134 使用技术:HTML+CSS+JS(静态网页设计) 主要内容:与滑板有关的一切 主要内容 1、首页 首

    2024年01月23日
    浏览(41)
  • Sublime Text安装教程-零基础傻瓜式安装细节

    一、安装教程 1、打开Sublime Text官网下载安装包。官网下载链接:http://www.sublimetext.com/3 2、Windows32位操作系统选择“Windows”,64位操作系统选择“Windows64bit”,直接点击即可,如图所示。 3、把安装包下载到电脑上,注意要记住下载路径。 4、双击安装包,点击next,注意勾选“

    2023年04月13日
    浏览(48)
  • 静态网页设计——个人图书馆(HTML+CSS+JavaScript)(dw、sublime Text、webstorm、HBuilder X)

    前言 声明:该文章只是做技术分享,若侵权请联系我删除。!! 感谢大佬的视频: https://www.bilibili.com/video/BV1VN4y1q7cz/?vd_source=5f425e0074a7f92921f53ab87712357b 源码:https://space.bilibili.com/565112134 使用技术:HTML+CSS+JS(静态网页设计) 主要内容:有关网上个人图书馆。 主要内容 1、首

    2024年01月22日
    浏览(54)
  • 静态网页设计——中医中药网(HTML+CSS+JavaScript)(dw、sublime Text、webstorm、HBuilder X)

    前言 声明:该文章只是做技术分享,若侵权请联系我删除。!! 感谢大佬的视频:https://www.bilibili.com/video/BV11e411i7g8/?vd_source=5f425e0074a7f92921f53ab87712357b 源码:https://space.bilibili.com/565112134 使用技术:HTML+CSS+JS(静态网页设计) 主要内容:一个关于中医中药的网站。 主要内容

    2024年01月23日
    浏览(52)
  • macOS 上使用 Sublime Text 删除全部空行

    1、打开搜索替换: 使用快捷键Command + F打开查找功能。然后点击左下角的.*图标或使用快捷键Command + Alt + R来启用正则表达式搜索。 2、输入正则表达式: 在查找栏中输入以下正则表达式:^s*n 这个正则表达式匹配从行开始到行结束之间的所有空白字符,包括空格、制表符和换

    2024年01月25日
    浏览(40)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包