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
相关推荐
彧azz8 小时前
图的存储结构详解:邻接矩阵的原理、实现与应用
开发语言·数据结构·学习·php
嵌入式学习菌9 小时前
Modbus‑RTU 数据类型分析
开发语言·单片机·bug
matlab代码10 小时前
基于matlab数字图像处理的指纹识别系统【源码68期】
开发语言·matlab
matlab代码10 小时前
基于matlab的水果识别系统(苹果香蕉菠萝梨桃子)【源码65期】
开发语言·matlab
wuyk55510 小时前
从零吃透 MQTT 通信|第 8 章 FreeRTOS 多任务架构下 MQTT 工程架构,任务拆分、队列解耦、临界区保护
c语言·开发语言·stm32·学习·架构
weixin1997010801610 小时前
[特殊字符]《跨境二手ERP对接Back Market:标准化API + 7~10工作日技术合规审核实录》(附Python源码)
开发语言·python·pandas
尘客-追梦11 小时前
Day 01:插件化之前,先看清 ABI 这堵墙
开发语言·c++·qt
持敬chijing11 小时前
Python-数据类型-列表
开发语言·python·青少年编程
bug总结12 小时前
uniapp vue3全局方法注册使用
前端·javascript·uni-app
写后端的胖头鱼12 小时前
【高频面试题】Java 基础类型 + 包装类 + String 互相转换
java·开发语言