pnpm format 什么作用

文章目录

pnpm format 是 pnpm 项目中用于一键统一代码风格、自动格式化所有源码 的命令(本质是运行 prettier)。

一、作用(一句话)

  • 自动把代码按统一规范排版:缩进、引号、逗号、换行、空格等全部标准化。
  • 解决多人协作时格式混乱、风格不一的问题。

二、从哪来?(package.json)

你用 create-vue 选了 Prettier 后,自动在 package.json 加了:

json 复制代码
{
  "scripts": {
    "format": "prettier --write ."
  }
}
  • pnpm format = pnpm run format = 执行 prettier --write .
  • --write直接修改并覆盖原文件
  • .:格式化项目所有文件 (按 .prettierrc 规则)

三、典型效果(格式化前后)

js 复制代码
// 格式化前(乱)
const foo={a:1,b:2,
c:3};function test(){return 123}

// 执行 pnpm format 后(统一规范)
const foo = { a: 1, b: 2, c: 3 };
function test() {
  return 123;
}

四、常用搭配

  • pnpm format --- 全量格式化

  • pnpm lint --- ESLint 语法检查(如果开了)

  • 一般开发流程:

    bash 复制代码
    pnpm install
    pnpm format   # 先统一格式
    pnpm dev      # 再开发

五、常见问题

  • 报错 command not found :没装 Prettier → pnpm add -D prettier
  • 不想格式化某些文件 :根目录新建 .prettierignore(类似 .gitignore
相关推荐
geovindu几秒前
java: Facade Pattern
java·开发语言·后端·外观模式·结构型模式
listening7772 分钟前
HarmonyOS 6.1 元服务深度优化:从“秒开”到“常驻”的极致体验
java·开发语言·spring
前端甜糖4 分钟前
记录We码开发者工具的一个bug
前端·javascript
布朗克1684 分钟前
Go 入门到精通-29-测试与基准
开发语言·后端·golang·测试与基准
猫32821 分钟前
echarts 日常问题解决
前端·javascript·echarts
格林威1 小时前
工业相机Chunk功能全解析:图像嵌入时间戳、编码器元数据(附堡盟C#代码)
开发语言·人工智能·数码相机·计算机视觉·c#·视觉检测·工业相机
小大宇1 小时前
Python 集成 Conda
开发语言·python·conda
不简说1 小时前
JS 代码技巧 vol.8 — 20 个函数式编程实战,把 if/else 拍扁的骚操作
前端·javascript·面试
还是奇怪1 小时前
Simon Willison 用 DSPy 优化 Datasette Agent 提示词:提示工程正在变成可测试的软件工程
java·开发语言·软件工程
Cobyte2 小时前
模板 DSL 解析器中的状态机设计
前端·javascript·vue.js