npm 包 prettier-config-fisker 使用教程

1. 简介

prettier-config-fisker 是一个 prettier 的配置包,它提供了一套在前端开发中实用的代码格式规范,可以让你的代码更加易于阅读和维护。相比于直接在配置文件中编写 prettier 配置,使用 prettier-config-fisker 可以更加快捷地设置 prettier 的配置。

2. 安装

你可以通过以下命令安装 prettier-config-fisker:

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

3. 使用

使用 prettier-config-fisker 只需要在项目根目录下创建一个 .prettierrc.js 文件,并将以下配置复制到文件中即可:

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

这里我们将 prettier-config-fisker 导出的配置对象作为 .prettierrc.js 文件的内容。

然后,在你的代码中使用 prettier 进行格式化即可:

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

这个命令将按照 prettier-config-fisker 的配置对 src 目录下的所有 .js 文件进行格式化。

4. 配置项

prettier-config-fisker 的配置项如下:

  • printWidth: 单行代码长度的最大值。默认值为 100。
  • tabWidth: 缩进空格数。默认值为 2。
  • useTabs: 是否使用制表符进行缩进。默认值为 false。
  • semi: 是否在语句结尾打印分号。默认值为 true。
  • singleQuote: 是否使用单引号。默认值为 true。
  • quoteProps: 对象字面量中的属性名是否使用引号。可选值为 'as-needed','consistent','preserve'。默认值为 'as-needed'。
  • jsxSingleQuote: JSX 中是否使用单引号。默认值为 false。
  • trailingComma: 是否使用尾部逗号。可选值为 'es5','none','all'。默认值为 'none'。
  • bracketSpacing: 对象字面量括号内是否使用空格。默认值为 true。
  • jsxBracketSameLine: 多行 JSX 元素是否将最后一个 > 放在末尾行的末尾。默认值为 false。
  • arrowParens: 箭头函数的参数是否使用括号。可选值为 'avoid','always'。默认值为 'avoid'。
  • rangeStart: 打印的第一个字符的索引。默认值为 0。
  • rangeEnd: 要打印的最后一个字符的索引。默认值为 Infinity。
  • proseWrap: 是否在 markdown 文件中插入折行。可选值为 'preserve','always','never'。默认值为 'preserve'。
  • htmlWhitespaceSensitivity: HTML 中空格敏感性的配置。可选值为 'css','strict','ignore'。默认值为 'css'。
  • vueIndentScriptAndStyle: 是否缩进 Vue 单文件中的

猜你喜欢

  • 使用 @oclif/screen npm 包完美的实现命令行界面

    本文将介绍如何使用 @oclif/screen npm 包来实现简单明了的命令行界面。 前言 在 Web 开发中,有很多技术需要在命令行中进行操作。但是,像许多 Node.js 开发人员一样,您会...

    4 年前
  • npm 包 @blackflux/eslint-plugin-rules 使用教程

    前言 在前端开发过程中,编写高质量的代码非常重要,因此工具和流程的选择非常重要。其中一个关键的工具就是 eslint,它可以帮助我们静态分析代码,检查潜在的问题和错误,并推荐和强制某些规则。

    4 年前
  • npm 包 @blackflux/robo-config-plugin 使用教程

    简介 @blackflux/robo-config-plugin 是一个基于 Robo.js 工具的插件,它允许你在构建过程中从配置文件中获取变量,从而实现更加灵活的构建过程。

    4 年前
  • NPM 包 joi-strict 使用教程

    随着前端技术的不断发展,良好的数据校验成为我们工作中不可或缺的一部分。而这样的需求可以通过使用 joi-strict 这样的 NPM 包来实现。本篇文章将介绍如何使用 joi-strict 进行数据校...

    4 年前
  • npm 包 object-deep-contain 使用教程

    在前端开发中,我们经常需要判断一个对象是否包含另一个对象。如果对象比较浅,只有一层属性,我们可以使用 JavaScript 自带的 Object.hasOwn() 方法来实现,但如果对象比较深,包含多...

    4 年前
  • npm 包 object-scan 使用教程

    在前端开发中,我们通常需要对一些对象或数组进行复杂操作。npm 包 object-scan 提供了一种简单而强大的方式来对对象或者数组进行操作。 安装 使用 npm 安装 object-scan: -...

    4 年前
  • npm 包 robo-config 使用教程

    在前端开发中,我们经常需要在不同环境下使用不同的配置,比如开发环境、测试环境和生产环境。而 robo-config 就是一个方便我们管理不同环境配置的 npm 包。

    4 年前
  • npm 包 lambda-async 使用教程

    什么是 lambda-async? lambda-async 是一个可以使用异步方式执行 AWS Lambda 函数的 npm 包。利用 lambda-async,我们可以通过 Promise、asy...

    4 年前
  • npm 包 lru-cache-ext 使用教程

    什么是 lru-cache-ext lru-cache-ext 是一款 node.js 的缓存工具,是基于 lru-cache 插件的一个扩展版本,它支持更多的数据类型和更灵活的配置。

    4 年前
  • npm 包 `random-dag` 使用教程

    前言 随着前端开发的不断发展,越来越多的工具和技术被开发出来,其中 npm 包作为前端最常用的工具之一,在前端项目开发中扮演着重要的角色。在众多 npm 包中, random-dag 是一个比较实用且...

    4 年前
  • npm 包 promise-pool-ext 使用教程

    当我们需要在 Node.js 中处理大量异步任务时,通常会使用 Promise 来实现并行处理。然而,在处理大量任务时,我们也需要控制并发数以免过度消耗资源,这时候就需要使用一个线程池来实现并发控制。

    4 年前
  • npm 包 aws-sdk-wrap 使用教程

    AWS (Amazon Web Services) 是当今世界上最受欢迎的云计算平台之一,它提供了许多优秀的云服务,如 EC2、S3、DynamoDB 等。而 aws-sdk-wrap 是 AWS-S...

    4 年前
  • npm 包 lambda-monitor-logger 使用教程

    本文将介绍如何使用 npm 包 lambda-monitor-logger 记录 AWS Lambda 函数的日志。我们将从安装、配置、使用三个方面来详细说明,希望对前端开发者们有所帮助。

    4 年前
  • npm 包 node-tdd 使用教程

    什么是 node-tdd node-tdd 是一个 npm 包,全称为 Node.js Test-Driven Development。它提供了一套完整的测试驱动开发工具,可以帮助前端开发者更加高效地...

    4 年前
  • npm 包 object-align 使用教程

    前言 在前端开发中,经常需要对 JS 对象进行对齐操作,使对象的键按照一定的顺序排列,便于观察和查找。而 object-align 是一个类似 lodash,但专门用于对象对齐的 JS 工具库。

    4 年前
  • npm 包 yaml-boost 使用教程

    在前端开发中,有时我们需要处理一些复杂的 YAML 数据。这时候,我们可以使用 npm 包 yaml-boost。yaml-boost 是一个高性能的 YAML 解析器和序列化器,支持 YAML 1....

    4 年前
  • 使用 smart-fs 包的教程

    在开发前端项目过程中,文件操作是我们经常需要处理的事情,例如读取、写入、拷贝、移动等。Node.js 自带的 fs 模块虽然提供了常用的文件系统操作,但是在某些情况下,不够便捷、灵活。

    4 年前
  • npm 包 js-gardener 使用教程

    随着前端技术的不断发展,JavaScript 代码的复杂度不断提高,代码质量也成为我们关注的重点。好的代码实践能够提高代码的可读性,可维护性和可扩展性,从而有助于项目的成功。

    4 年前
  • npm 包 object-treeify 使用教程

    简介 object-treeify 是一个可以将 JavaScript 对象格式化为树形结构的 npm 包。它以清晰易读的方式展示了对象的结构,便于阅读和理解。 安装 可以通过以下命令安装 objec...

    4 年前
  • npm 包 @types/extract-stack 使用教程

    作为前端开发人员,我们在编写 JavaScript 应用程序时经常需要处理错误和异常。经常需要在 console.log 中打印完整的错误信息并进行调试。然而,JavaScript 的错误消息只包含错...

    4 年前

相关推荐

    暂无文章