js-prettier配置

已于 2023-05-12 23:37:38 修改
阅读量232 收藏
点赞数
分类专栏： 工具 文章标签： javascript
于 2023-03-25 13:49:15 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/YogaMiller/article/details/129765766
版权

www.prettier.cn
how config
.prettierrc

tips

  1. 把一个属性设置错误, 可能会导致整体都失效. 我曾经吧arrowParens设置成 as-needed 就发现失效了, 找了半天.
  2. editor.defaultFormatter 设置格式化的工具
    在这里插入图片描述

my prefer

{
  "printWidth": 140,
  "semi": false,
  "singleQuote": true,
  "trailingComma": "all",
  "singleAttributePerLine": false,
  "bracketSameLine": true,
  "arrowParens": "avoid"
}

1. printWidth 行宽
2. semi 分号
3. singleQuote 单引号
4. trailingComma 尾部逗号(多行才会生效)
5. singleAttributePerLine  标签多于一个属性就换行
6. bracketSameLine  > 标签在同一行 下图1
7. arrowParens  箭头函数的括号

在这里插入图片描述

不想让行内方法换行怎么弄?

在这里插入图片描述

YogaMiller
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js 格式化prettier配置_Prettier 代码格式化插件 -- 配置翻译
weixin_35457595的博客
12-23 2163
1. 简介：一款 Opinionated「预设立场型」的代码格式化工具，支持以下语言：题外：Opinionated 这个词我反复斟酌，实在不知如何翻译才好。即使是英文中大家讨论的也很激烈，非一句半句说的清楚，可以看看参考链接。在 FCC 群请教过，有位前辈回复我 「预设立场型」软件。我觉得翻译的很好。如果你这样写：Prettier 会帮你格式化成：2. 安装yarnnpmIDE 安装直接在 plu...
js 格式化prettier配置_代码格式化工具---prettier配置
weixin_35315373的博客
12-23 3008
我自己的常用 prettier 配置如下：// .prettierrc 文件// 这里修改的都是与默认值不同的，没有修改到的就是启用默认值// .prettierrc 文件是使用 json 格式，如果报错了，该配置文件在编辑器里面是不会生效的{"bracketSpacing": true,"printWidth": 160,"semi": false,"singleQuote": true}其他还...
prettier 配置
Stark6的博客
04-02 1万+
vs code prettier 配置
在 Vue 单文件组件中，使用 Prettier 使多属性元素每个属性换行书写
zhengh513的博客
02-15 7994
值为 80，当行位置超过此值时，代码会自动换行。多个 attribute 的元素应该分多行撰写，每个 attribute 一行。该选项将强制在 HTML、Vue 和 JSX 中每行执行一个属性。在使用 Prettier 进行代码格式化时，将根据。属性设置的值来决定是否换行。
前端Prettier 插件的使用配置(详细)
Welcome to My blog
03-14 1573
【代码】前端Prettier 插件的使用配置(详细)
前端统一团队编码风格之Prettier及配置方法
wz9608的博客
03-10 714
每个人都需要把默认格式化工具设置为Prettier，这样才能保持统一的编码风格，然后commit 并且 push 你的代码吧，让你的同事拉下来Prettier可以在vscode中的setting.json中配置，好处就是不用每个项目都放一个.prettierrc.js文件，但同事之间的编码风格就会不统一，建议还是每个项目都放一个，麻烦是麻烦了点，但协作起来再也不用怕同事把你的代码格式化了。
Vetur怎么配置格式化的时候不变单引号或者不变双引号
qq_58633408的博客
08-04 763
格式完完成后就成双引号了，这里就配置完成了，大佬可以指导一下.配置完还是单引号就真的栓Q，索性直接在项目根目录建个文件吧。
stylelint-config-prettier:关闭所有不必要或可能与漂亮的规则冲突的规则
04-27
这使您可以使用自己喜欢的可共享配置，而不会在使用Prettier时妨碍其样式选择。 安装 安装stylelint-config-prettier ： $ npm install --save-dev stylelint-config-prettier 然后，将stylelint-config-prettier...
eslint-prettier-airbnb-react:ESlint +漂亮+ Airbnb风格指南的React配置
04-29
导航到要包含此样式配置的应用程序目录。 cd my-app 在您应用的根目录中运行此命令。 注意：此命令将执行eslint-prettier-config.sh bash脚本，而无需将整个存储库克隆到本地计算机。 exec 3< & 1 ; bash <...
cra-eslint-prettier:配置初始
03-26
配置Esint和Prettier的整体功能。 塞纳里奥（Cenário）： 萨尔瓦（Ao Salvar），皮特尔·福尔特（Prettier formate）或阿基沃（Arquivo），德黑桑多·图多·博尼蒂尼奥（deixando tudo bonitinho）； Eslint...
rollup-plugin-prettier:使用汇总运行更漂亮的格式化程序
07-23
然后将其添加到您的汇总配置中： const path = require ( 'path' ) ; const prettier = require ( 'rollup-plugin-prettier' ) ; module . exports = { input : path . join ( __dirname , 'src' , 'index.js' )...
git hooks 团队规范配置
qq_42828742的博客
03-15 789
husky是一个让配置git钩子变得更简单的工具，支持所有的git钩子。它可以将git内置的钩子暴露出来，很方便地进行钩子命令注入，而不需要在.git/hooks目录下自己写shell脚本了。可以使用它来lint将要提交的消息、运行测试、lint代码等。当你commit或push的时候。husky触发所有git钩子脚本。
prettier 使用详细介绍
qq_42880714的博客
05-20 5227
prettier 使用详细介绍
Prettier系列之配置
老__L的博客
12-18 1万+
Prettier配置看这一篇就行了
VsCode正确解决vue3+Eslint+prettier+Vetur的配置冲突
最新发布
m0_37985967的博客
03-30 3300
手把手教你VsCode正确解决vue3+Eslint+prettier+Vetur的配置冲突
配置过期 eslint-plugin-vue 规则导致 eslint 失效原因定位
皮蛋很白的博客
03-23 8088
今天使用 Vue CLI 创建 Vue 应用，然后从之前的项目中拷贝 ESLint rules，但是 vscode 并没有识别，格式化配置中也没有 ESLint 选项。 一般这种情况应该是 ESLint 配置有问题，可能是插件、解析器或者规则。 一个一个注释后重载 vscode 查看效果，最终定位到 eslint-plugin-vue 下的 vue/max-attributes-per-line 规则： // 强制每行的最大属性数 'vue/max-attributes-per-line': [2, {
配置prettier
热门推荐
a1071626267的博客
10-26 1万+
配置prettier
解决VScode保存，标签属性自动换行问题
qq_44280090的博客
02-15 1万+
每次保存文件时，VScode会自动格式化文档，但是标签中的属性都会被强制换行，对于强迫症的我来说，神烦，尝试了N种方法后，终于知道了最完美的解决办法，可以愉快地Ctrl+s啦~
android:singleLine="true"失效
JingDe_Qin的博客
12-07 6286
1.在android  studio 打代码android:singleLine="true"，显示失效说网上说是用android:lines="1"，写1就显示一行，在edittext行，超出就不显示了，如果想超出部分就显示...的效果的话就写这段代码android:ellipsize="end" 2.在textview 用android:lines="1"我测试了也行 但代码说使用andr
ERROR in [eslint] Failed to load plugin 'prettier' declared in '.eslintrc.js': Cannot find module 'eslint-plugin-prettier'
07-27
您遇到了一个 ESLint 的错误，提示无法加载名为 'prettier' 的插件。这通常是因为缺少对应的插件包导致的。您可以尝试以下几个步骤来解决这个问题： 1. 确保您已经在项目中安装了 'eslint-plugin-prettier' 包。您可以通过运行以下命令来安装： ``` npm install eslint-plugin-prettier --save-dev ``` 或者，如果您使用的是 yarn，可以运行以下命令： ``` yarn add eslint-plugin-prettier --dev ``` 2. 如果您已经安装了 'eslint-plugin-prettier'，请检查一下该插件包是否在正确的位置。您可以在项目的 `.eslintrc.js` 文件中查找 `plugins` 配置项，并确保其中包含了 'prettier' 插件： ```js module.exports = { // ... plugins: [ // ... 'prettier' ], // ... }; ``` 3. 如果以上步骤都没有解决问题，您可以尝试删除项目的 `node_modules` 文件夹，并重新运行 `npm install` 或 `yarn` 命令来重新安装依赖。 希望以上方法能够帮助您解决问题。如果还有其他疑问，请随时提问。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值