.prettierrc.js常用配置

最新推荐文章于 2024-08-09 00:04:00 发布

qingzhen568

最新推荐文章于 2024-08-09 00:04:00 发布

阅读量1.6k

点赞数

CC 4.0 BY-SA版权

分类专栏： vue实战文章标签： javascript vue.js 前端

本文链接：https://blog.youkuaiyun.com/weixin_43919509/article/details/121936309

vue实战专栏收录该内容

28 篇文章

订阅专栏

这篇博客详细介绍了JavaScript项目的配置规范，包括printWidth、tabWidth、singleQuote等关键设置，旨在提升代码质量和可读性。通过理解并应用这些规则，开发者可以更好地遵循一致性标准，提高团队合作效率。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

module.exports = {
  printWidth: 80,
  tabWidth: 2,
  useTabs: false,
  singleQuote: true,
  semi: false,
  trailingComma: 'none',
  bracketSpacing: true,
  jsxBracketSameLine: true
}

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

qingzhen568

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

Prettier 配置文件 .prettierrc 详解

AI架构全栈开发实战笔记

06-11

499

在前端开发中，“代码风格不一致”是团队协作的一大痛点：有人用单引号，有人用双引号；有人留尾逗号，有人不留；缩进可能是 2 空格也可能是 4 空格……这些问题看似微小，却会增加代码阅读成本，甚至引发“代码风格之争”。Prettier 是一款“代码格式化工具”，它通过自动化规则统一代码风格。而是 Prettier 的核心配置文件，相当于团队的“代码装修风格指南”——你可以在这个文件里规定“代码的每一处细节该怎么‘装修’”。本文将覆盖的 90% 常用配置项，帮你快速上手。

vscode配置.prettierrc文件

weixin_43563204的博客

03-01

2211

.prettierrc常用配置 { // tab缩进大小,默认为2 "tabWidth": 4, // 使用tab缩进，默认false "useTabs": false, // 使用分号, 默认true "semi": false, // 使用单引号, 默认false(在jsx中配置无效, 默认都是双引号) "singleQuote": false, // 行尾逗号,默认none,可选 none|es5|all // es5 包

参与评论您还未登录，请先登录后发表或查看评论

prettierrc.js 配置

weixin_49409651的博客

06-21

909

【代码】prettierrc.js 配置。

.prettierrc.js详解

HouYing

10-11

3332

prettierrc.js是一个用于配置Prettier插件的配置文件，我们可以根据需求来配置文件的选项。使用Prettier能够规范化整个项目代码，提高代码的可读性和可维护性。

.prettierrc配置文件

m0_61924791的博客

08-07

910

【代码】.prettierrc配置文件。

.eslint.js和.prettierrc.js配置项

weixin_42201272的博客

05-23

5015

rules: { 'quote-props': 0, 'dot-notation': 0, 'consistent-return': 0, 'no-multiple-empty-lines': 0, 'prefer-arrow-callback': 0, 'wrap-iife': 0, 'no-undef-init': 0, 'no-new-wrappers': 0, 'linebreak-style': 0, 'max-len

prettierrc.js

weixin_43779879的博客

02-20

262

eslint格式化相关

.prettierrc 配置文件

03-18

**常用配置项示例** ```json { "printWidth": 100, // 换行行宽，默认80 "tabWidth": 2, // 缩进列数 "useTabs": false, // 用空格而非制表符缩进 "semi": true, // 语句末尾加分号 "singleQuote": true, // ...

.prettierrc.js

01-26

.prettierrc.js是一个用于配置Prettier插件的配置文件。通过配置该文件，我们可以根据需求来设置Prettier的选项，从而规范化整个项目的代码，提高代码的可读性和可维护性。以下是一个示例的.prettierrc.js文件的...

.prettierrc配置项

最新发布

04-02

以下是 `.prettierrc` 中常用的配置项： 1. **printWidth**: 每行打印的最大宽度，默认值为80。 - 示例：`"printWidth": 120` 2. **tabWidth**: 缩进单位的空格数，默认值为2。 - 示例：`"tabWidth": 4` 3. **...

.prettierrc.js配置

weixin_47392167的博客

11-25

2235

module.exports = { printWidth: 300, //一行的字符数，如果超过会进行换行，默认为80 singleQuote: true, //字符串是否使用单引号，默认为false，使用双引号 endOfLine: 'auto', //避免报错delete (cr)的错 semi: false, singleQuote: true, // 使用单引号 printWidth: 115, proseWrap: 'always', semi: false, /

.prettierrc.js-.eslintrc.js

u012058014的专栏

10-26

453

====.eslintrc.js==== module.exports={ root:true, env:{ node:true }, extends:[ 'plugin:vue/essential', '@vue/standard' ], parserOptions:{ parser:'babel-eslint' }, rules:{ 'no-console':process.env.NODE_ENV==='...

vscode的.pretterrc.js

qq_42975676的博客

08-17

173

【代码】vscode的.pretterrc.js。

Prettier配置

竹杖芒鞋轻胜马，谁怕？一蓑烟雨任平生

12-27

1236

1. 项目根目录新建 .prettierrc.js module.exports = { singleQuote: true, // 使用单引号而不是双引号 semi: false, // 句尾是否加; proseWrap: 'never', // 换行,always：超过printWidth就换行，never：不换行，preserve：按照原样处理 arrowParens: 'avoid', // allow paren-less arr

.prettierrc.js 有什么用

weixin_64684095的博客

08-09

436

prettierrc.js 是 Prettier 代码格式化工具的配置文件。

常用的Prettier配置项

qq_40483419的博客

05-06

3761

代码格式化工具Prettier的介绍及其配置项

.pretterrc.js里面的配置，现在一般创建的项目会内置这样的文件

weixin_47389477的博客

02-22

202

module.exports = { // 一行最多 100 字符 printWidth: 100, // 使用 2 个空格缩进 tabWidth: 2, // 不使用缩进符，而使用空格 useTabs: false, // 行尾需要有分号 semi: true, // 使用单引号 singleQuote: true, // 对象的 key 仅在必要时用引号 quoteProps: 'as-needed', // jsx 不使用单引号，而使用双引号 j

【前端基础知识】prettierrc 统一代码格式

Dai的博客

02-23

1162

【前端基础知识】prettierrc 统一代码格式