素材巴巴 > 程序开发 >

使用Prettier格式化代码管理工具

程序开发 2023-09-19 15:08:33

Prettier是一款强大的代码格式化工具,支持JavaScript、TypeScript、CSS、SCSS、Less、JSX、Angular、Vue、GraphQL、JSON、Markdown等语言,基本上前端能用到的文件格式它都可以搞定,是当下最流行的代码格式化工具。

一. 安装prettier

npm install prettier -D

二. 配置.prettierrc文件:

{"useTabs": false,"tabWidth": 2,"printWidth": 80,"singleQuote": false,"trailingComma": "none","semi": false
 }

三. 创建.prettierignore忽略文件

/dist/*
 .local
 .output.js
 /node_modules/****/*.svg
 **/*.sh/public/*
 

四. VSCode需要添加prettier插件

五. 在package.json文件里面配置"scripts"脚本

"prettier": "prettier --write ."

 六. 终端运行命令:

npm run prettier

可以看到终端输出以下内容,格式化代码就已经完成啦


标签:

素材巴巴 Copyright © 2013-2021 http://www.sucaibaba.com/. Some Rights Reserved. 备案号:备案中。