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

8,033次阅读
没有评论

共计 1225 个字符,预计需要花费 4 分钟才能阅读完成。

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

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

    正文完
     0
    Yojack
    版权声明:本篇文章由 Yojack 于1970-01-01发表,共计1225字。
    转载说明:
    1 本网站名称:优杰开发笔记
    2 本站永久网址:https://yojack.cn
    3 本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长进行删除处理。
    4 本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
    5 本站所有内容均可转载及分享, 但请注明出处
    6 我们始终尊重原创作者的版权,所有文章在发布时,均尽可能注明出处与作者。
    7 站长邮箱:laylwenl@gmail.com
    评论(没有评论)