Sublime Text3 插件安装

最新推荐文章于 2025-08-14 12:15:17 发布

转载最新推荐文章于 2025-08-14 12:15:17 发布 · 74 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/wuyiz/p/9645196.html

文章标签：

#markdown

本文介绍如何在SublimeText3中使用MarkdownEditing、MarkdownPreview和MarkdownLivePreview插件进行Markdown文档的编写与实时预览。同时，详细讲解了Emmet插件的安装与使用，以及如何提高HTML和CSS的编写效率。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Markdown 编写+实时预览及 Emmet 插件

Sublime Text3百度云盘下载

sublime Text3注册码及汉化教程博主：IMRIVER

编写+实时预览插件安装

准备工作通过命令在线安装插件

按住Ctrl + Shift + P调出命令面板
输入pci，显示Package Control: Install Package，回车
输入插件名称进行安装
安装时，左下角会有 [ = ] 动画
- （如果还未安装 package Control 控件，选择Tool--->Install Package
  Control 进行安装）

插件

插件名称	功能简介
Emmet	一个Web开发人员的工具包，可以大大提高你的HTML和CSS的工作效率
Markdown Editing	Markdown写作者必备的插件
Markdown Preview	生成Html文件以及再浏览器中预览
MarkdownLivePreview	实时预览Markdown

1.Emmet

插件快捷写法https://blog.youkuaiyun.com/fengzijinliang/article/details/80187000

安装好后进行验证，输入下方缩写，按 ctrl + e代码补全

初始化 ! 或者 html:5
缩写:!
缩写:html:5

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
</body>
</html>

示意图

2.Markdown Editing

MarkdownEditing是Markdown写作者必备的插件，它可以不仅可以高亮显示Markdown语法还支持很多编程语言的语法高亮显示。

ps:MarkdownEditing只针对 md\mdown\mmd\txt 格式文件才启用。

示意图

3.Markdown Preview

启用方法：按住 Ctrl + Shift + P 调出命令面板，输入 mp ，选择 MarkDown Preview:Preview in Browser 加载默认浏览器渲染Markdown

示意图

4.MarkdownLivePreview

实时预览Markdown文件，左侧为md文件，右侧为预览结果。可配合MarkdownEditing一起使用。

启用方法1：
MarkdownLivePreview默认关闭实时预览，既然安装这个插件了，那肯定是要用的。打开方式为在Preferences -> Package Settings -> MarkdownLivePreview -> Settings 的设置的右侧加一条 "markdown_live_preview_on_open": true,，重启sublime即可。
ps:为什么不能直接将左侧对应的false改为true，这是因为左侧为默认配置，是不能改的（只读），右侧的编辑区才是用户自定义区。

启用方法2：按住 Ctrl + Shift + P 调出命令面板，输入 mlp ，选择 MarkDown Preview:Preview in Browser 加载默认浏览器渲染Markdown