Mac创建.prettierrc文件详解

最新推荐文章于 2024-06-14 10:52:04 发布
最新推荐文章于 2024-06-14 10:52:04 发布
阅读量1.3k 收藏 5
点赞数 2
分类专栏： 工具使用 文章标签： macos vscode ide
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_33463449/article/details/123566076
版权

第一步: 打开任意一个编辑器（我这里用的vscode）创建.prettierrc文件，然后在文件中编写规则
创建文件
第二步： 找到刚才创建的文件，由于mac会自动隐藏“•”开头的文件，如果文件找不到，可以按下shift+option+. 显示隐藏文件。然后拖拽或者复制到mac根目录，就是下方小房子图标目录。
在这里插入图片描述
第三步 在vscode中引入这个文件的路径 “/Users/xxxxx/.prettierrc”，注意这里的 xxxx 就是你小房子文件夹的名字。
在这里插入图片描述
OK完事，大家加油

听雨轩_dmg
关注
  • 2
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
prettier-config：用于macchiitaka的可共享的Prettier配置
02-16
@ takamachi /更漂亮的配置 Macchiitaka的可共享的更漂亮配置。 用法 .prettierrc.js module . exports = require ( '@takamachi/prettier-config' ) 执照 麻省理工学院执照
基于Maven的pom.xml文件详解
08-29
Maven中的pom.xml文件详解 Maven是一个基于Java的项目管理和构建工具，pom.xml文件是Maven项目的核心配置文件，用于定义项目的依赖关系、插件、构建过程等。下面是基于Maven的pom.xml文件详解。 父项目坐标 在pom...
vscode格式化配置 .prettierrc配置文件
学习永无止境
09-21 4139
1、首先安装插件 2、.prettierrc推荐配置 module.exports = { trailingComma: 'none', tabWidth: 2, semi: true, singleQuote: true, printWidth: 120, arrowParens: 'avoid' }; .prettierrc常用配置 { // tab缩进大小,默认为2 "tabWidth": 4, // 使用tab缩进，默认fa
.prettierrc 文件
青颜的天空的博客
04-21 322
【代码】.prettierrc 文件。
prettierrc文件
weixin_41814408的博客
11-29 242
prettierrc配置文件 { // tab缩进大小,默认为2 "tabWidth": 4, // 使用tab缩进，默认false "useTabs": false, // 使用分号, 默认true "semi": false, // 使用单引号, 默认false(在jsx中配置无效, 默认都是双引号) "singleQuote": true, // 行尾逗号,默认none,可选 none|es5|all // es5 包括e
使用 .prettierrc 文件规定项目代码格式的详细解析
全栈三维GIS开发工程师，擅长Cesium、OpenLayers、Three.js、WebGL、Vue、Django、GDAL和QGIS技术。在这个博客里，我将分享我的开发经验、技术心得和项目案例，希望能为GIS爱好者和开发者提供有价值的参考。
07-02 2383
在软件开发过程中，代码的格式化对于提高代码的可读性和维护性至关重要。本篇博客将详细解析 .prettierrc 文件的配置参数及其可选值，并说明它们对代码格式的影响。通过在 .prettierrc 文件中配置这些参数，我们可以根据项目的需求来定制代码的格式。Prettier 可以与多种编程语言一起使用，因此你可以在各种项目中使用它来保持代码的一致性和可读性。
Tomcat 的 server.xml 文件详解
03-29
Tomcat 的 server.xml 文件详解
storapp.spec文件详解
09-17
如何使用spec文件
MANIFEST.MF 文件内容详解(转)
03-17
标题中的"MANIFEST.MF 文件内容详解(转)"是指一篇关于理解Java应用程序的MANIFEST.MF文件的文章。MANIFEST.MF文件是Java档案（JAR）文件格式的一部分，它包含了有关JAR文件元数据的重要信息。这篇博文可能是从其他...
Node.js文件操作详解
10-25
主要介绍了Node.js文件操作详解,本文讲解了处理文件路径讲的一些方法、fs模块详细的使用和介绍等内容,需要的朋友可以参考下
prettier自动格式化去换行的实现代码
01-21
插件 新建 .prettierrc 文件在根目录，里面写上这个 第一个是超出800字符换行，第二个是单引号，第三个是结尾不要分号 vscode里面的设置文件settings。json代码 { // vscode默认启用了根据文件类型自动设置tabsize的选项 editor.detectIndentation: false, // 重新设定tabsize editor.tabSize: 2, // #每次保存的时候自动格式化 editor.formatOnSave: true, // // 添加 vue 支持 eslint.validate: [
【教程】.prettierrc文件配置
a862360493的博客
12-29 2301
【教程】.prettierrc文件配置
.prettierrc文件常见配置
天高任鸟飞
05-31 423
{ "semi": false, // 使用分号, 默认true "singleQuote": true, // 使用单引号, 默认false(在jsx中配置无效, 默认都是双引号) "bracketSpacing": true // 对象中的空格 默认true }
mac下 webstorm使用prettier
m0_37477096的博客
08-02 1369
网上找的几个例子不太全面，结合官方例子，我做个翻译吧 首先，要使用prettier，先推荐全局安装 npm i -g prettier 官方网站：https://prettier.io/docs/en/webstorm.html#running-prettier-on-save-using-file-watcher In older IDE versions, select Custom and...
Vue中.prettierrc文件常见配置(易懂)
热门推荐
小柠檬爱编程
06-26 2万+
当我们使用右键格式化的时候,就会自动帮我们补全符号,但是,有些符号在eslint中就会报语法错误,那我们需要怎么办呢?可以通过.prettierrc来进行文件配置 在文件的根目录建一个.prettierrc文件,在文件里写上如下代码: { "semi": false, // 使用分号, 默认true "singleQuote": true, // 使用单引号, 默认false(在jsx中配置无效, 默认都是双引号) "bracketSpacing": true //.
Vue中.prettierrc文件常见配置
sunxiaobai1的博客
02-11 1976
文章作者: 小柠檬爱编程 文章連結: https://blog.csdn.net/hong521520/article/details/106969463/ 版權聲明: 著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。 当我们使用右键格式化的时候,就会自动帮我们补全符号,但是,有些符号在eslint中就会报语法错误,那我们需要怎么办呢? 可以通过.prettierrc来进行文件配置 在文件的根目录建一个.prettierrc文件,在文件里写上如下代码: { "semi":.
.prettierrc 常用配置
最新发布
fth1002853070的博客
06-14 266
【代码】.prettierrc 常用配置。
package.json文件详解
12-22
package.json文件是一个用于描述项目或模块包的配置文件，它包含了项目的元信息和依赖信息。具体来说，package.json文件可以用来指定项目的名称、版本、作者、许可证等基本信息，还可以定义项目的入口文件、脚本命令、依赖模块等。 在一个完整的项目中，package.json文件通常位于项目的根目录下。它可以手动创建，也可以通过命令自动生成。创建package.json文件的方法有两种： 1. 手动创建：在项目根目录下使用文本编辑器创建一个名为package.json的文件，并按照JSON格式填写相应的配置信息。 2. 使用npm init命令：在项目根目录下打开终端，运行以下命令： ```shell npm init ``` 然后按照提示逐步填写项目的配置信息，最后会自动生成package.json文件。 package.json文件的主要作用是： - 描述项目的基本信息，如名称、版本、作者、许可证等。 - 定义项目的入口文件，即项目启动时执行的文件。 - 定义项目的脚本命令，可以通过npm运行这些命令来执行特定的操作。 - 管理项目的依赖模块，可以指定项目所需的各种依赖模块及其版本范围。 通过package.json文件，我们可以方便地管理项目的配置和依赖，使得项目的开发、构建和部署更加简单和可靠。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值