vscode代码格式管理插件prettier-Code formatter安装和设置

最新推荐文章于 2024-04-20 09:20:44 发布
最新推荐文章于 2024-04-20 09:20:44 发布
阅读量2k 收藏 3
点赞数 1
文章标签： vscode 编辑器
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hwq317622817/article/details/126441356
版权

1 安装

在vscode的扩展搜索prettier，找到插件直接安装即可

2 设置

2-1 vscode的设置

1、把auto save改成焦点离开就自动保存
在这里插入图片描述
2、将代码块的缩进单位改为2个字符
在这里插入图片描述

2-2 代码风格设置

在vscode的设置中，搜索format，第一个配置项就是代码风格，把代码风格设置为prettier的风格。
在这里插入图片描述

2-3 prettier的设置

在perttier-Code formatter的扩展设置中，找到如下图的两个配置项，并按图进行设置。
在这里插入图片描述

hwq317622817
关注
  • 1
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vscode-format-code-action：一个简单的vscode扩展，允许您按顺序运行Prettier和ESLint
02-05
格式代码操作 在VS Code中更漂亮的扩展名之后运行eslint扩展名。 或反之亦然，无论您想要什么。 安装 需要VS Code 1.44+ 通过VS Code扩展进行安装： 或从VS Code中安装：启动VS Code快速打开（ Ctrl + P或cmd + P ），粘贴以下命令，然后按Enter。 ext install rohit-gohri.format-code-action 或在命令行上： code --install-extension rohit-gohri.format-code-action 用法 禁用formatOnSave并以VS Code设置所需的任何顺序
vscode 使用Prettier插件格式化配置使用代码详解
11-19
参考 使用ESLint+Prettier来统一前端代码风格 vscode 配置vue+vetur+eslint+prettier自动格式化功能 问题描述 最近用Nodejs + express 写了一个zip文件上传的功能，代码给了别人看，各种吐槽，代码不规范，没有按照eslint，编辑器打开就是各种红色提醒，当然还有其他许多… 第一反应就是反感，后面冷静一想，还是自己做事的态度有问题，做完了功能已经完成了95%，为什么不到最后一步一键格式化，做到百分百呢？反思中 为了让以后代码美观，不让别人吐槽，自己整理了vscode + prettier 1.使用vscode 安装 prett
prettier-vscode：用于Prettier的Visual Studio Code扩展
02-06
用于Visual Studio代码的更漂亮的格式化程序 是一个自以为是的代码格式化程序。 它通过解析代码并使用自己的规则（考虑最大行长）重新打印代码，从而实现一致的样式，并在必要时包装代码。 JavaScript·TypeScript·流·JSX·JSON CSS·SCSS·更少HTML·Vue·角度GraphQL·Markdown·YAML 安装 通过VS Code扩展进行安装。 搜索Prettier - Code formatter 也可以安装在VS Code中：启动VS Code快速打开（Ctrl + P），粘贴以下命令，然后按Enter。 ext install esbenp.pr
VSCode之常用格式化组件
最新发布
CherryXieのblog
04-20 414
Black 是一个针对 Python 的代码格式化工具，它遵循一套严格的代码格式规范，并能自动重写代码以符合规范。通过在 VS Code 中安装 Black 插件并配置其相关设置，可以轻松地使用 Black 来格式化 Python 代码。
vscode自动格式化插件配置说明（Prettier - Code formatter）
热门推荐
A Lucky Boy的博客
07-03 3万+
1、在应用商店搜索Prettier并下载2、下载完成之后点击扩展设置 3、点击右上角json配置文件 4、在文件中添加如下代码
vscode代码代码格式化插件 - Prettier - Code formatter
CodeAllen嵌入式
01-22 871
官网地址。
vscode实用配置、常用插件
筑释科长的博客
07-09 6531
在Files: Auto Save Delay中配置延迟保存的时间。在Files:Auto Save中 选择afterDelay。文件--首选项--设置--输入“自动保存”-
VsCode中Vue代码格式插件，Vetur、ESLint 、Prettier - Code formatter的介绍使用及相关配置
qq_51081700的博客
05-13 1万+
Vetur是一款Vue代码高亮显示的一款插件，在没有使用此插件前，以 .vue的文件名代码是没有颜色的！！！安装步骤：在扩展商店中搜索（）点击安装。
关于vscode代码格式化问题，使用插件prettier的分享
qq_41940269的博客
11-11 8256
配置个prettier差点让我崩溃，各种教程满天乱飞都没多少用，那么我这里就发一个解决的经验。
VScode使用clang format文档自动代码格式化（C语言）
上班哪有不疯的i(╯‵□′)╯︵┻━┻
06-30 7305
或者在setting.json中粘贴下面的代码，需要将C_Cpp.clang_format_path换成自己的clang-format路径。---------------------2023.07.19更新------------------------------------------------2024.03.29更新---------------------------C_Cpp.clang_format_path指的是clangformat.exe的路径。3、.clang-format文件。
prettier-eslint-code：[已弃用] vscode扩展，可使用prettier-eslint格式化javascript
02-05
已淘汰 请使用以下软件包： （ ext install prettier-vscode ）。 此软件包已弃用，将不再维护。 用于Visual Studio代码的漂亮ESLint 通过Prettier和ESLint --fix格式化JavaScript。 这使用自动格式化并在保存时修复。 用法 您可以手动运行以下命令： 您可以使用内置格式化程序： 启用editor.formatOnSave配置后，它即开即用！ 设定值 prettier.printWidth可用于设置自定义打印宽度。 prettier-eslint.eslintPath可用于设置自定义eslint路径。 更漂亮-设置 {
Visual Studio code 配置Python开发环境
09-16
主要介绍了Visual Studio code 配置Python开发环境，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
prettier-eslint：代码prettier-eslint --fix格式化代码
02-03
漂亮的 使用的格式化JavaScript 问题 的功能非常强大，可以根据您的ESLint配置自动格式化/修复很多代码。 是更强大的自动格式化程序。 更漂亮的优点之一就是它的自以为是。 不幸的是，它的观点不够充分和/或某些观点与我自己的观点有所不同。 因此，在对代码进行更漂亮的格式化之后，我开始出现棉绒错误。 这个解决方案 这将通过prettier的代码格式化代码，然后将其结果传递给eslint --fix 。 这样，您不仅可以享受到prettier的高级格式化功能的好处，而且还可以从eslint的配置功能中eslint 。 对于具有的扩展名的文件.css ， .less ， .scss ，或.json这只能运行prettier ，因为eslint不能处理这些。 安装 该模块通过与捆绑在一起的分发，应作为项目的devDependencies之一安装： npm install --save-dev prettier-eslint 用法 例 const format = require ( "prettier-eslint" ) ; // notice, no semicolon in
alfred-prettier-clipboard:with使用Prettier在剪贴板中格式化代码
05-26
阿尔弗雷德·普雷蒂埃（Alfred Prettier）剪贴板 :artist_palette: 使用Prettier格式化剪贴板中的代码 为什么？ 有时，您是在没有插件/扩展程序的文本区域中编写代码，因此无法自动设置代码格式。 您可以使用此工作流程在其上进行漂亮的处理，而不是手动格式化。 要求 -Node.js JavaScript运行时。 -固执己见的代码格式化程序。 安装 安装依赖项并且 （必须全局安装）。 下载Alfred工作流程（ ）。 双击以导入到Alfred（需要Powerpack）。 使用工作流变量PRETTIER_OPTIONS或.prettierrc （请参阅）自定义漂亮。 用法 prettier {parser} -使用选定的{parser}在剪贴板上运行更漂亮的。 演示版 环境变量 钥匙 默认 描述 PRETTIER_OPTIONS 传递给prettier命令的选项。 PRE
prettier-plugin-apex:Apex编程语言的代码格式化程序
04-27
用法要求节点> = 10.13.0 Java运行时引擎> = 11如何使用首先，安装库： # Install locallynpm install --save-dev prettier prettier-plugin-apex# Or install globallynpm install --global prettier prettier-...
vscode插件-格式化代码-工具
YogaMiller的博客
05-05 9210
代码格式 shift alt f 格式 得到 名称 描述 vetur vue文件高亮 vue文件的格式化 prettier .pretierrc 文件
VScode 常用插件推荐，非常全面
书呆子ITme
03-22 1万+
VScode常用插件推荐，非常全面！
在vscode中如何使用prettier-code formatter
07-11
在 VSCode 中使用 Prettier Code Formatter 插件，你可以照以下步骤进行操作： 1. 打开 VSCode，左侧的扩展按钮（或按下Ctrl + Shift + X` 快捷键打开扩展面板。 2. 在框中输入 "Prettier - Code formatter 并点击结果中的进行安装。 3 安装完成后，点击展面板左上角的齿轮图标，选择 "Extension Settings"，在搜索框中输入 "Prettier" 来找到插件的相关设置。 4. 在设置中，你可以根据自己的需求进行配置。比如，你可以设置 Prettier 作为默认的代码格式化工具、设置保存时自动格式化代码等。 5. 确保你的项目中已经安装了 Prettier，如果没有安装，可以在终端中使用以下命令进行安装（需要先安装 Node.js）： ``` npm install --save-dev prettier ``` 6. 现在，当你打开一个支持的文件（如 JavaScript、TypeScript、CSS、HTML 等），Prettier 将自动格式化代码。你可以使用快捷键 `Shift + Alt + F`（或右键点击编辑器并选择 "Format Document"）来手动触发格式化。 这样，你就可以在 VSCode 中使用 Prettier Code Formatter 进行代码格式化了。希望对你有帮助！

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值