在前端开发中，我们经常会用到一些第三方库或工具，而 npm 是最常用的包管理工具之一。其中，webmd 这个 npm 包是一款非常实用的 Markdown 编辑器，本文将为大家介绍 webmd 的使用教程。
安装
使用 webmd 之前，我们需要先在终端中安装该包。在命令行中输入以下命令，即可进行安装：
npm install -g webmd
如果你使用的是 yarn，那么输入以下命令：
yarn global add webmd
使用
基本使用
安装完成后，我们便可以在终端中使用 webmd 了。输入以下命令启动 webmd：
webmd
这时，webmd 就已经在你的本地服务器上运行，你可以打开浏览器，输入 “http://localhost:9000” 来访问它。
Markdown 编辑
webmd 作为一款 Markdown 编辑器，可以非常方便地帮助我们编写 Markdown 文本。只需要在 webmd 的编辑区中输入 Markdown 源代码，就能在预览区看到正确的渲染效果。
自定义主题
webmd 的一个更棒的特性是，它支持用户自定义主题。你可以通过创建主题文件，然后更新 webmd 的配置文件来应用它。
在 webmd 的启动目录中，新建一个名为 “theme.css” 的文件，并在其中编写你自己的主题样式，例如：
/* 自定义主题 */
.markdown-body {
font-size: 18px;
color: #333;
}接下来，我们需要更新 webmd 的配置文件。在 webmd 根目录下，找到名为 “config.js” 或者 “webmd.config.js” 的文件。修改对应代码如下：
// config.js 或者 webmd.config.js
module.exports = {
theme: 'path-to-your-theme.css'
}其中，‘path-to-your-theme.css’ 应该是你存放主题文件的路径，例如：’./themes/theme.css’。
自动生成目录
如果你的 Markdown 文档有多级标题，那么 webmd 可以为你自动生成文档目录，以便于读者阅读文档。
在 webmd 的配置文件中，找到 "toc" 字段，并设置为 "true"。
// config.js 或者 webmd.config.js
module.exports = {
toc: true
}自定义端口
如果你觉得默认的端口号 9000 不好，那么你可以通过以下方式自定义启动端口：
webmd -p 8080
其中，“8080”可以替换为你想使用的端口号。
结语
本文为大家介绍了 npm 包 webmd 的使用教程。通过使用 webmd，我们可以方便的编辑 Markdown 代码、自定义主题样式、自动生成目录等等。相信这些特性能够帮助你更好地开展前端开发工作。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60065f8c238a385564ab6e73