使用项目的prettier格式化项目代码

已于 2022-12-02 15:11:35 修改
阅读量265 收藏
点赞数
文章标签： 前端 javascript 开发语言
于 2022-12-01 11:56:45 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sunzhen15896/article/details/128129722
版权

前提：项目已经安装了prettier插件

//自动格式化文件
npx prettier --write 文件名称
例如： npx prettier --write util.ts

//自动格式化目录下所有文件，不建议使用该方法
npx prettier --write .

vscode保存时自动格式化
在这里插入图片描述
如果保存时格式化仍有问题，使用npx prettier格式化代码

cat10month
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
prettier自动格式化去换行的实现代码
10-14
此外，如果你在项目中使用了Stylus，你可能需要安装并配置`Manta's Stylus Supremacy`插件，以适应Prettier的格式化风格。具体配置可以参照文中的示例。 最后，为了确保所有依赖项正确安装，你的`package.json`文件...
可以在Chrome中使用Prettier格式化的扩展程序
08-09
标题中的“可以在Chrome中使用Prettier格式化的扩展程序”指的是在谷歌浏览器（Chrome）上安装和使用名为Prettier的代码格式化工具的插件。Prettier是一款流行的开源代码美化器，它能自动格式化JavaScript、HTML、...
前端代码自动格式化prettier使用记录
Y_seaboy的博客
06-05 1165
prettier的使用、Husky pre-commit fails with code 1 (error)
前端项目规范化：手把手教你使用prettier和pre-commit（git hook或者husky）优化规范项目代码
tangdou369098655的博客
06-25 3049
下图为git hooks的官方示例，以.sample结尾。注意这些以.sample结尾的示例脚本是不会执行的，重命名后会生效是一些自定义的脚本，用于控制git工作的流程，分为客户端钩子和服务端钩子。客户端钩子包括：pre-commit、prepare-commit-msg、commit-msg、post-commit等，主要用于控制客户端git的提交工作流。服务端钩子：pre-receive、post-receive、update，主要在服务端接收提交对象时、推送到服务器之前调用。
Prettier Java：代码格式化的理想选择
gitblog_00058的博客
05-15 351
Prettier Java：代码格式化的理想选择 项目地址:https://gitcode.com/jhipster/prettier-java 项目介绍 Prettier Java 是一个旨在确保Java代码风格一致的插件，它通过解析和重新打印你的代码来实现这一目标，所有这些都是为了在考虑到最大行长度的情况下保持代码整洁。这款工具简单易用，无需复杂的配置，只需安装并运行，即可轻松统一团队的编码风...
【前端基础知识】prettierrc 统一代码格式
Dai的博客
02-23 873
【前端基础知识】prettierrc 统一代码格式
Prettier介绍与基本用法
qq_37214137的博客
03-07 2842
prettier是一个代码格式化工具，它可以支持JS/JSX/TS/Flow/JSON/CSS/LESS等文件格式。
Prettier的三种使用场景和使用方法
热门推荐
积少成多
09-26 2万+
欢迎访问我的个人博客：http://www.xiaolongwu.cn Prettier是最近很火的一个代码美化工具，其中文意思是“漂亮的、机灵的”，它能够解析代码，使用你自己设定的规则来重新打印出格式规范的代码。 他的整个圈子很强大，有基于各种编辑器的插件（vs code，atom），有脚本类的，有插件类的（eslint的插件eslint-plugin-prettier）。 更多有关pretti...
Prettier、EditorConfig插件安装及配置文件讲解
星辰迷上大海的博客
01-11 2759
我们在编写代码时，代码的格式规范非常重要，能提高代码的可读性，避免由于格式问题引起的 bug，也有利于多人协作开发时的统一风格。Prettier是一个非常好用的代码格式化工具，能自动格式化代码，让我们更专注于编写逻辑。
详解如何在vue项目中使用eslint+prettier格式化代码
10-17
本文将详细讲解如何在Vue项目中集成`eslint`和`prettier`，以实现代码的自动格式化和规范检查。 `eslint`是一款强大的静态代码分析工具，它可以检查代码中的错误、潜在问题，并且支持自定义规则来符合特定的编码...
使用prettier格式化你的JavaScript
08-08
虽然Prettier负责代码格式化，但有时需要与Eslint结合使用，以确保代码质量。 **Prettier与Eslint的整合** 1. **并行使用**：两者可以同时存在，分别处理不同的任务。Prettier专注于代码格式，而Eslint负责代码质量...
prettier-java:漂亮的Java插件
04-28
更漂亮的Java 介绍 漂亮的是一个自以为是的代码格式化程序。 它通过解析代码并使用自己的规则（考虑最大行长）重新打印代码，从而实现一致的样式，并在必要时包装代码。 这个怎么运作 更漂亮的插件必须首先解析目标语言的源代码转换成可横越数据结构（通常是甲bstract小号yntaxŤREE），然后打印出该数据结构在“漂亮”的样式。 Prettier-Java使用通过在JavaScript中实现的 。 这意味着，与许多其他Prettier插件不同， prettier-java没有附加的运行时先决条件（例如：Python可执行文件）。 它甚至可以在浏览器内部使用。 子包 该项目包含2个软件包： 的插件，用于格式化Java代码 一个Java分析器使用，其输出一个C oncrete小号yntaxŤREE 安装 前提条件 节点版本10+ 更漂亮 安装Prettier和Prettier-Jav
prettier使用方法
网络技术和Python
10-31 148
【代码】prettier使用方法。
Prettier 代码格式化工具使用详解
lwx931449660的博客
09-23 6473
什么是Prettier？ 借用官方的话来说，Prettier 是一个固执的代码格式化程序，它删除所有原始样式*并确保所有输出的代码符合一致的样式。 所以，Prettier 是一个代码格式化工具，可以在多人协作开发中能让每一行代码保持一致的风格，Prettier 是一种代码风格指南，Prettier 提供了很多的配置项和API，你可以有选择的配置你想要的代码风格，并使用Prettier 来进行统一格式处理。 Prettier 支持： JavaScript（包括实验性功能） JSX 角 视图 ..
eslint 配置_前端代码规范配置 （一）
weixin_39942637的博客
11-25 956
ESLintESLint 是一个开源的 Javascript 代码检测工具，通过将 js 代码解析成抽象语法树（AST），分析并给与代码质量（如一些方法的使用方式不对）和代码风格(缩进，引号等等）两方面的提示。这样就可以在编码过程中发现问题，而不是在代码的执行过程中。ESLint 与 vscode-ESLint 插件的区别ESLint 是一个 npm 包，安装之后，我们可以通过相应的命令来分细或是...
使用Prettier格式化代码
星环
12-15 7360
Prettier 文档 Prettier   Prettier 用来检查代码风格问题，它支持多种语言，我们这里讨论关于 JavaScript 的，它主要解决的问题是：应该使用单引号还是双引号，什么地方可以换行，TAB 键占多少个空格，结尾要不要分号 等等问题，这些都属于代码风格问题，正常情况下并不会有bug，但是在团队合作的时候容易让人暴躁。   单引号也没有没有错，双引号也没有错。但是总是要选择一个代码风格的，Prettier 希望人们放弃关于代码风格的讨论，把代码风格完全交给Prettier来处理，而不
使用Prettier配合TsLint/Eslint 统一前端代码格式化规则，保证代码质量
喻志强的博客
11-11 2711
使用Prettier来统一代码格式化的格式和风格，便于管理
Prettier 前端代码格式化工具
笨鸟的博客
09-14 322
### Prettier * * * 是一个流行的代码格式化工具。 ##### 优点： * * * 1. 可配置化 2. 支持多种语言 3. 集成多数的编辑器 4. 简洁的配置项 ##### 安装 * * * yarn add prettier --dev --exact npm install --save-dev --save-exact prettier ##### 配置文件 * * * echo {}> .prettierrc.json ##### 配置忽略文件 * * * 新建一个文件.
vue3使用prettier格式化 xml
最新发布
05-25
Vue 3使用Prettier格式化XML的步骤如下： 1. 首先，你需要在项目中安装`prettier`和`prettier-plugin-vue`这两个依赖项。你可以通过运行以下命令进行安装： ``` npm install --save-dev prettier prettier-plugin-vue ``` 2. 安装完成后，你可以在项目的根目录下创建一个`.prettierrc.js`文件，并在其中添加以下代码： ```javascript module.exports = { plugins: ['prettier-plugin-vue'], printWidth: 120, singleQuote: true, semi: false, trailingComma: 'none', arrowParens: 'avoid', vueIndentScriptAndStyle: true, }; ``` 上面的配置中，`plugins`指定了使用`prettier-plugin-vue`插件来格式化Vue模板，`printWidth`指定了每行代码的最大宽度，`singleQuote`指定了是否使用单引号，`semi`指定了是否添加分号，`trailingComma`指定了是否添加末尾逗号，`arrowParens`指定了箭头函数的参数是否要加括号，`vueIndentScriptAndStyle`指定了是否将Vue组件中的`<script>`和`<style>`块缩进。 3. 最后，在你的编辑器中安装Prettier插件，并配置保存时自动格式化代码即可。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值