Prettier通用基础配置-常用

简介: 配置Prettier代码格式化规则:设置单行最大100字符、2空格缩进、不使用分号、单引号、保留对象括号空格,忽略HTML空白敏感度,统一代码风格。

Prettier配置

创建.prettierrc.js文件

// .prettierrc.js
module.exports = {
   
  printWidth: 100, // 单行代码字符数量不能超过 100
  tabWidth: 2, // tab 使用两个空格
  useTabs: false, // 不使用制表符缩进,使用空格缩进
  semi: false, // 不需要分号结束
  // trailingComma: 'none', // 格式化时末尾不添加逗号
  singleQuote: true, // 单引号
  bracketSpacing: true, // 对象左右两侧都需要空格
  htmlWhitespaceSensitivity: 'ignore' // 结束标签>跑到下一行
  // endOfLine: 'auto', // 结尾是 \n \r \n\r auto
}
目录
相关文章
|
前端开发 API
服务端渲染-nextjs如何发起请求
服务端渲染-nextjs如何发起请求
1234 0
|
JSON 开发工具 git
精通 Prettier:进阶配置与最佳实践
【10月更文挑战第18天】Prettier 是一款流行的代码格式化工具,它能够帮助开发者保持代码风格的一致性,减少因代码风格争议而产生的争论。本文将深入探讨如何根据项目需求进行详细的配置选项调整,并分享一些使用 Prettier 的最佳实践,包括如何通过 Git 钩子自动化代码格式化过程以及如何解决常见的配置冲突问题。
1093 5
|
4月前
|
缓存 安全 应用服务中间件
Nginx 基本使用和高级用法详解
Nginx 是高性能 Web 服务器,支持反向代理、负载均衡、SSL 加速与静态资源缓存。本文详解其安装配置、虚拟主机、安全加固、限流、日志管理及 Docker 部署,助你构建高可用、高性能的现代 Web 架构。(238 字)
919 0
|
JavaScript 前端开发 开发者
如何在 Visual Studio Code (VSCode) 中使用 ESLint 和 Prettier 检查代码规范并自动格式化 Vue.js 代码,包括安装插件、配置 ESLint 和 Prettier 以及 VSCode 设置的具体步骤
随着前端开发技术的快速发展,代码规范和格式化工具变得尤为重要。本文介绍了如何在 Visual Studio Code (VSCode) 中使用 ESLint 和 Prettier 检查代码规范并自动格式化 Vue.js 代码,包括安装插件、配置 ESLint 和 Prettier 以及 VSCode 设置的具体步骤。通过这些工具,可以显著提升编码效率和代码质量。
2646 4
|
10月前
|
自然语言处理 前端开发 JavaScript
年会抽奖不求人:用 CodeBuddy 快速打造炫酷抽奖助手,老板直呼专业!
年会抽奖总是敷衍尴尬?今年我用CodeBuddy打造了一个酷炫又稳定的抽奖助手!它能根据自然语言需求生成代码,快速实现随机不重复抽奖、美观界面和动画效果等功能。整套系统不到半小时完成,现场效果惊艳全场,连老板都夸赞。有了CodeBuddy,开发效率大幅提升,琐碎需求不再烦恼,升职加薪指日可待!
|
开发工具 git
一文教你如何设置git commit模板规范
一文教你如何设置git commit模板规范
|
SQL 自然语言处理 安全
|
Linux Shell Docker
Docker 安装教程【菜鸟级】
Docker 安装教程【菜鸟级】
892 1
|
网络安全 网络虚拟化 数据安全/隐私保护
使用Python实现VPN搭建的流程步骤
保护个人隐私和数据安全变得尤为重要。VPN(虚拟私人网络)是一种有效的解决方案,可以帮助我们在网络上匿名浏览,保护数据传输的安全性。虽然市面上有许多商业VPN服务,但你也可以通过Python自己搭建一个简单的VPN。本文将介绍如何用Python建立自己的VPN。
|
开发工具 数据安全/隐私保护 git
Lerna 使用教程 -- 开发脚手架的流程和核心命令详解
Lerna 使用教程 -- 开发脚手架的流程和核心命令详解
594 0

热门文章

最新文章