npm包prettier-md使用教程

前言

在前端开发中,我们经常需要编写Markdown文档,Markdown的语法简单易用,但是当我们编写比较复杂的文档时,往往会存在排版混乱,不易阅读的问题。

今天,我想介绍一个npm包——prettier-md,它可以自动化调整Markdown文件的排版,使其更加美观、易读,节省我们许多时间和精力。

安装

使用npm或yarn进行安装:

--- ------- ---------- -----------

或者

---- --- ----- -----------

安装完成后,在项目根目录中创建一个.prettierrc.json文件:

-
  ------------- ----
  -------------- ----
-

接着,在package.json中配置prettier script:

-
  ------- -------------
  ---------- --------
  ---------- -
    ----------- -------------------------------- ------- --------
  -
-

这里我们通过--write参数告诉prettier-md工具要将所有匹配到的Markdown格式文件重新格式化并保存。当我们执行npm run prettier时,prettier-md就会对整个项目中的Markdown文件进行格式化。

使用

使用方法非常简单,只需要在Markdown文件中添加以下注释:

---- --------------------- ---
---- ------------------- ---

将这两个注释括起来的内容就不会被prettier-md格式化。

如果你只想忽略注释中的一部分内容,可以采用如下方式:

---- --------------------- ---
------------------------
- ------ ---     - ------ ---     -
- --------------- - ------------ -
- ---- ---       - ---- ---       -
---- ------------------- ---

如果你不想每次手动添加注释,可以在.prettierrc.json文件中配置:

-
  ------------- ----
  -------------- -----
  --------- ------ --------------------- ----- ----- ------------------- -----
-

这样,在使用prettier-md格式化Markdown文件时,prettier-md就会自动忽略这两行注释之间的内容。

总结

prettier-md是一款非常实用的npm包,可以自动调整Markdown文档的排版,省去我们手动打造美观文档的烦恼。掌握prettier-md的使用技巧,也非常有助于提高我们Markdown文档的编写效率和质量。

来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/79442


猜你喜欢

  • NPM包rollup-plugin-auto-named-exports使用教程

    在前端开发中,使用rollup进行打包是非常常见的一种方式。对于rollup打包,我们通常需要对代码中使用的各个模块进行引用。如果程序中使用的模块较多,手动进行引用会非常麻烦,特别是在程序需要不断进行...

    5 年前
  • npm 包 umi-plugin-library-test 使用教程

    概述 如果你是一个前端库的开发者,那么你肯定需要对你的库进行测试,以确保其质量和性能。而 umi-plugin-library-test 是一个专门用于前端库测试的 NPM 包。

    5 年前
  • npm 包 umi-plugin-docz 使用教程

    简介 umi-plugin-docz 是一个可用于自动生成文档的插件,您可以使用它来创建您的项目文档。 umi-plugin-docz 可以快速生成您的组件和页面 API 文档,并提供了一个交互式开发...

    5 年前
  • npm 包 storybook-react-router 使用教程

    介绍 storybook-react-router 是一个可以在 Storybook 中使用 React Router 的插件。使用它可以方便地在 Storybook 中展示你的路由组件,无需依赖一个...

    5 年前
  • npm 包 storybook-addon-a11y 使用教程

    在开发前端应用程序时,我们需要关注许多不同的因素,比如可用性、可访问性、性能等等。在这些因素中,可访问性对于许多特殊人群来说尤其重要。如今,我们越来越重视可访问性,因为它不仅是道德的,也是法律的要求,...

    5 年前
  • npm 包 react-storybook-addon-static-markup 使用教程

    前言 在前端开发中,我们常常需要使用 React 组件库来构建我们的页面。对于开发人员来说,我们需要一个可视化的工具来轻松地测试我们的组件。这时,我们就需要一个像 Storybook 这样的工具,它可...

    5 年前
  • npm 包 vc-components 使用教程

    简介 vc-components 是一个基于 Vue.js 的 UI 组件库,包含丰富的常用组件,如按钮、文本框、下拉选择框等,它不仅具有美观、易用、功能丰富等特点,还拥有可扩展性高、易维护等优点。

    5 年前
  • npm包react-toggle使用教程

    在前端开发中,组件化是一个非常重要的概念。我们可以通过使用npm包,快速地引入已经封装好的组件,避免重复造轮子,减轻开发者的工作量。在这篇文章中,我们将介绍一个非常受欢迎的npm包——"react-t...

    5 年前
  • npm 包 react-scroll-section 使用教程

    前言 在前端开发中,我们常常会使用一些第三方库来快速构建相应的功能,而 npm 包是目前最流行的 JavaScript 包管理器之一,在其中也有很多优秀的第三方库。

    5 年前
  • npm 包 react-github-corner 使用教程

    前言:GitHub 上有很多优秀的项目,使用 GitHub Corner 可以让页面展示更加丰富,本文介绍了如何使用 npm 包 react-github-corner 来添加一个 GitHub Co...

    5 年前
  • npm 包 rough-charts 使用教程

    npm 包 rough-charts 使用教程 近年来,以前端为代表的技术领域正日益成为人们关注的焦点。在前端开发过程中,我们经常需要使用各种库和框架来实现各种功能和效果。

    5 年前
  • npm 包 react-docgen-typescript-loader 使用教程

    在前端开发中,经常会用到 React 框架进行开发。React 组件开发通常需要传入多个参数,而这些参数都需要在文档中进行说明。一种常见的方案是通过注释来生成文档。

    5 年前
  • npm 包 zhui 使用教程

    随着前端技术的不断发展,我们现在经常需要引入各种各样的依赖库来辅助我们开发。而 npm 是一个非常重要的 JavaScript 包管理工具,可以帮助我们安装和管理各种各样的依赖库。

    5 年前
  • npm 包 loadash 使用教程

    前言 前端开发中,为了更加高效地处理数据,我们常常会使用一些工具。其中,提供了很多有用函数和工具方法的 lodash 库广受开发者喜欢。lodash 是一个流行的 JavaScript 工具库,提供了...

    5 年前
  • npm 包 bookshelf-archive 使用教程

    前言 在现代的 Web 开发中,npm 是最常用的包管理工具之一。它可以帮助我们快速依赖其它开源项目,并且可以方便地共享我们自己的代码。其中,bookshelf-archive 是一个非常有用的 np...

    5 年前
  • npm 包 jest-mock-knex 使用教程

    什么是 jest-mock-knex? jest-mock-knex 是一个适用于 Jest 测试框架的数据库模拟库。它提供了一个基于 Knex.js 的 mock 实例,使开发者能够轻松地测试与数据...

    5 年前
  • npm 包 graphql-shortcake 使用教程

    GraphQL 是现今流行的一个数据查询语言,它提供了强类型的数据描述语言以及一个强大的查询执行引擎。而 graphql-shortcake 是一个可以快速生成 GraphQL 查询语句的 npm 包...

    5 年前
  • npm 包 thelper 使用教程

    什么是 thelper thelper 是一个用于帮助前端项目编写测试用例的 npm 包。它提供了一些常用的测试方法和工具函数,方便开发者编写高质量的测试用例。 如何使用 thelper 安装 the...

    5 年前
  • npm 包 nextjs-apollo 使用教程

    Next.js 是一个流行的 React 应用程序框架,帮助开发人员快速搭建应用程序。Apollo 是一个强大的 GraphQL 客户端,可以帮助开发人员在应用程序中使用 GraphQL,同时提供了快...

    5 年前
  • npm 包 testcafe-react-selectors 使用教程

    在前端开发中,测试是不可或缺的一部分。而为了提高测试效率和准确性,使用测试框架和工具是非常重要的。TestCafe 就是一款非常好用的测试工具,它可以自动化运行浏览器的功能测试并提供详细的测试报告。

    5 年前

相关推荐

    暂无文章