全局安装 Prettier。
npm install -g prettier
yarn global add prettier
pnpm i -g prettier打开你的终端 / Terminal / 命令行,不管在 IDE 的终端里还是在系统的 cmd / powershell / terminal 都行。
为了了解 Prettier 的完整功能列表,我们可以直接运行其 help 命令。
prettier -h但常用的其实就两个:检查 和 改正。用法也很简单,对 prettier 传入对应的 flag 就可以使用了。
比如我们需要检查当前所在文件夹的全部文件,我们可以直接运行:
prettier . -c这个命令的意思是:检查当前所在文件夹的全部文件,然后根据配置文件中的规则,检查出错的地方,然后在控制台输出文件名和检查结果。
如果 WARN 较多,则说明文件存在格式问题,可以直接修正。如果出现 ERROR 则通常意味着文件出现格式错误(比如没有关闭 Tag),需要自行手动修正。
直接修正则需要运行 -w 参数:
prettier . -w这个指令会直接将当前目录下的所有文件进行文件格式修改(直接写入)。
不过在通常的情况下我们一般不使用这样的修改,而是指定好需要修改的文件位置(也就是 . 的位置)
比如我们在当前工程的 前端 文件夹内,我们需要格式化前端工程内 pages 文件夹下的所有文件,可以直接运行:
prettier .\pages -w同理,你也可以指定 prettier 修改特定文件。
prettier .\index.json -w