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)
相关推荐
流形填表几秒前
多校区题库标准化:Excel模板与校验脚本
开发语言·python
步行cgn9 分钟前
AOP 通知的类型详解
开发语言
weixin_3077791312 分钟前
从“人操作仪器”到“Agent 自主发现”:OPL 金属材料自驱动实验室 MVP 技术论述
开发语言·人工智能·算法·架构
笑鸿的学习笔记44 分钟前
C++笔记之SIMD与SSE指令集
开发语言·c++·笔记
ss2731 小时前
AI全栈实战 | 2.3-01 组件库实战:Element Plus 怎么搭出专业界面,过度封装为什么成维护负担
前端·javascript·elementui·vue
福兮说1 小时前
URL 编码的七个坑:c++ 传到后端变空格、%25 套娃、截断 emoji 直接报错
开发语言·前端·javascript·node.js·url
小的时候可菜了1 小时前
JS 异步的本质:从单线程到 thenable(一条进化链)
开发语言·前端·javascript
可乐鸡翅yeah_2 小时前
hls.js 配置 loadStartPosition,点播起始播放位置踩坑
开发语言·javascript·网络协议·ecmascript·m3u8在线
en.en..2 小时前
Linux 进程退出exit(函数)
java·开发语言·算法
Cx330❀2 小时前
【Qt 进阶指南】详解 Qt 常用标准对话框与主窗口组件架构
开发语言·qt·ui·性能优化·架构·图形渲染