首页 > 其他分享 >Prettier 配置指南 .prettierrc.json 文件配置指南

Prettier 配置指南 .prettierrc.json 文件配置指南

时间:2023-07-12 11:36:52浏览次数:32  
标签:指南 false prettierrc 配置 json Prettier true

1. 在项目根目录下面,新建 .prettierrc.json 文件

2. prettuer 配置

{
  "printWidth": 100,
  "tabWidth": 2,
  "useTabs": true,
  "semi": true,
  "singleQuote": true,
  "trailingComma": "none",
  "bracketSpacing": true,
  "bracketSameLine": true,
  "arrowParens": "always",
  "htmlWhitespaceSensitivity": "ignore",
  "vueIndentScriptAndStyle": false,
  "endOfLine": "auto",
  "singleAttributePerLine": false
}

3. 保存文件,测试效果。

Tips: 上述 Prettier 配置详解(.json 文件不支持写注释,以下代码仅供参考)

{
  "printWidth": 100,    //每行最多显示的字符数
  "tabWidth": 2,//tab的宽度 2个字符
  "useTabs": true,//使用tab代替空格
  "semi": true,//结尾使用分号
  "singleQuote": true,//使用单引号代替双引号
  "trailingComma": "none",//结尾是否添加逗号
  "bracketSpacing": true,//对象括号俩边是否用空格隔开
  "bracketSameLine": true,;//组件最后的尖括号不另起一行
  "arrowParens": "always",//箭头函数参数始终添加括号
  "htmlWhitespaceSensitivity": "ignore",//html存在空格是不敏感的
  "vueIndentScriptAndStyle": false,//vue 的script和style的内容是否缩进
  "endOfLine": "auto",//行结尾形式 mac和linux是\n  windows是\r\n 
  "singleAttributePerLine": false //组件或者标签的属性是否控制一行只显示一个属性
}

参考链接:https://blog.csdn.net/weixin_63228975/article/details/131213411

标签:指南,false,prettierrc,配置,json,Prettier,true
From: https://www.cnblogs.com/wangcunshuang/p/17547068.html

相关文章

  • mysql json使用
    如何加快对json数据的查询创建虚拟列addcolumn`column_name`varchat(32)generatedalwaysas(json_unquote(json_extract(`json_column`,'$.column')))virtualnull;为虚拟列添加索引createindexidx_columnontable_name(column_name)......
  • Jquery遍历筛选数组的几种方法和遍历解析json对象,Map()方法详解以及数组中查询某值是
    1.jquerygrep()筛选遍历数组(可以得到反转的数组)//1.jquerygrep()筛选遍历数组(可以得到反转的数组)vararray=[1,5,9,3,12,4,48,98,4,75,2,10,11];varfilterArray=$.grep(array,(currentValue)=>{returncurrentValue>10;});console.log(`${filt......
  • tsconfig.json语法检查问题
    前言:这个问题卡住好久。全是红色波浪线,代码没法看。第一步:"compilerOptions":{"moduleResolution":"node","jsx":"react"},解决办法:https://stackoverflow.com/questions/40899868/typescript-cannot-find-module-react消除了一部分,但一部分还是报错 ......
  • 高考志愿填报指南:使用AI阅读工具ChatDOC搭建专业、好用、免费的AI高考志愿填报系统
    高考志愿填报指南:使用ChatDOC搭建专业、好用、免费的AI高考志愿填报系统不说废话,直接上干货。针对高考志愿填报,这篇文章能为你提供以下内容:高考志愿填报专业数据、高考志愿填报分析思路、专业AI工具分析示范。本文目录:AI志愿助手的降临现有AI志愿助手的问题欢迎来......
  • 游览指南
    这里是Lice,或者来世。我的一个曾用名是_Wallace_,旧博客,曾经写的自己也看不懂啦!目前这个博客还没有什么东西,所以根本没有什么指南!......
  • Qt QJsonDocument以及与QJsonArray、QJsonObject、QJsonValue的关联
    0、说明QJsonDocument类提供了read/writeJSON文档的方法。用QJsonDocument::fromJson()方法,可以从将一个JSON文件(或者QByteArray数据)转换为QJsonDocument,用QJsonDocument::toJson()则能起到相反的用法。在此过程中的语法解析是很高效的,并且可以将JSON转换为Qt使用的二......
  • go语言-不同类型转换为JSON格式数据
    1.将结构体转换为JSON:packagemainimport( "encoding/json" "fmt")typePersonstruct{ Namestring Ageint Emailstring}funcmain(){ person:=Person{Name:"Alice",Age:25,Email:"[email protected]"} ......
  • 阿里p7闭关三月:整理出了这份java秋招面试必备指南
    从去年互联网寒冬的裁员潮,到今年受疫情影响的春招消失,金三银四变成铜三铁四,不过有一些朋友还是拿到了自己心怡的offer,有一些朋友还在为面试发愁,今天给大家分享一个阿里大佬闭关三个月的整理出的java秋招面试必备指南。大厂的面试从来不会是固定的,特别是像阿里这种一线互联网公司,想......
  • SQL简单使用指南
    SQL简单使用指南SQL(结构化查询语言)是一种用于管理和操作关系型数据库的标准化语言。数据库概述数据库是用于存储和组织数据的结构。它由表(表格)组成,每个表都包含多个列和行。以下是SQL中最常用的一些关键术语:表(Table):数据库中的基本组织单位,它由列和行组成。列(Column):表中的......
  • java判断json格式的方法
    ​  在Java中,您可以使用不同的库来检查和验证JSON。以下是使用两个常用的JSON库(Jackson和Gson)来检查JSON的示例代码:使用Jackson库:importcom.fasterxml.jackson.core.JsonParseException;importcom.fasterxml.jackson.databind.JsonNode;importcom.fasterxml.jack......