Vscode代码格式化Prettier-Code formatter

最新推荐文章于 2024-01-22 20:49:42 发布
最新推荐文章于 2024-01-22 20:49:42 发布
阅读量332 收藏 1
点赞数 1
分类专栏： 前端 文章标签： vscode 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45770470/article/details/127081254
版权

在根目录新建.prettierrc 文件，在里面写配置项

{
  "singleQuote": true,

  "semi": false
}

 右键选择用...格式化文档

选第一个 没有这个的话就下载一下插件 后面用起来直接格式化文件就好了。 

南夏繁笙
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
prettier-vscode：用于Prettier的Visual Studio Code扩展
02-06
用于Visual Studio代码的更漂亮的格式化程序是一个自以为是的代码格式化程序。 它通过解析代码并使用自己的规则（考虑最大行长）重新打印代码，从而实现一致的样式，并在必要时包装代码。 JavaScript·TypeScript·...
VsCode中Vue代码格式插件，Vetur、ESLint 、Prettier - Code formatter的介绍使用及相关配置
qq_51081700的博客
05-13 1万+
Vetur是一款Vue代码高亮显示的一款插件，在没有使用此插件前，以 .vue的文件名代码是没有颜色的！！！安装步骤：在扩展商店中搜索（）点击安装。
vscode自动格式化插件配置说明（Prettier - Code formatter）
热门推荐
A Lucky Boy的博客
07-03 3万+
1、在应用商店搜索Prettier并下载2、下载完成之后点击扩展设置 3、点击右上角json配置文件 4、在文件中添加如下代码
Prettier - Code formatter配置(vscode)
Bearin的博客
07-01 2646
3.搜索default format 并选择Prettier - Code formatter。5.看最后一行是否存在如下配置,有就说明配置成功,没有重新前面步骤重新设置一下。6.根目录是否存在.prettierrc.json,没有创建一下。7.把1以下代码复制到.prettierrc.json文件中。2.设置-->搜索format on save 并打勾。8.配置完成,按Ctrl+S即可代码格式化。4.点击右上角打开setting.json。1.安装Prettier。
【vscode】基于vscode配置prettier格式化工具，用于格式化React代码配置
我有满天星辰的博客
03-15 3811
①打开vscode，如果没有安装prettier插件，请先安装，安装方法是点击“Extension”图标，然后搜索 “prettier”，找到官方插件并安装。② 按下Ctrl+Shift+P，查找settings。基于vscode配置格式化工具，提高开发效率。④ 复制下面代码修改配置文件。③点击右上角【打开设置】图标。
vscode vue环境搭建+配置eslint和prettier
malechi的博客
03-04 3175
一、安装Node.js、cnpm、webpack、vue-cli 1. 安装Node.js： 2. 安装cnpm（比npm快，因为使用淘宝的服务器做为的包源 ）： 3. 安装webpack（js应用程序的静态模块打包器module bundler）： 4. 安装vue-cli（用来生成vue模版的工具）： 二、在cmd新建vue项目进行测试 三、安装vscode、插件vetur、插件e...
vscode 使用Prettier插件格式化配置使用代码详解
11-19
vscode 配置vue+vetur+eslint+prettier自动格式化功能 问题描述 最近用Nodejs + express 写了一个zip文件上传的功能，代码给了别人看，各种吐槽，代码不规范，没有按照eslint，编辑器打开就是各种红色提醒，当然...
prettier-eslint-code：[已弃用] vscode扩展，可使用prettier-eslint格式化javascript
02-05
请使用以下软件包： （ ext install prettier-vscode ）。 此软件包已弃用，将不再维护。 用于Visual Studio代码的漂亮ESLint 通过Prettier和ESLint --fix格式化JavaScript。 这使用自动格式化并在保存时修复。 ...
prettier-eslint：代码prettier-eslint --fix格式化代码
02-03
漂亮的使用的格式化JavaScript问题的功能非常强大，可以根据您的ESLint配置自动格式化/修复很多代码。 是更强大的自动格式化程序。 更漂亮的优点之一就是它的自以为是。 不幸的是，它的观点不够充分和/或某些观点与...
prettier-plugin-apex:Apex编程语言的代码格式化程序
04-27
漂亮的Apex 这是在Salesforce开发平台上使用的Apex编程语言的代码格式化程序。 它采用了优秀的引擎格式化，并从Salesforce的jorje编译器解析。地位该项目已准备就绪，已经在多个项目上进行了测试，包括混合使用开源/...
vscode配置prettier格式化工具
weixin_49286637的博客
11-16 2515
vscode配置prettier格式化工具
VSCode之prettier配置保存自动格式化
老__L的博客
04-17 4349
prettier配置保存自动格式化
vscode设置Prettier为默认格式化插件
baidu_20313315的博客
04-07 5927
Prettier设置为默认格式化插件
配置Prettier格式化
weixin_43422861的博客
10-21 2553
设置setting.json配置Prettier格式化
vscode常用插件---Prettier - Code formatter
阿妖的博客
10-24 1465
1. 配置 在vscode设置里面的 settings.json文件中 加入以下代码 "prettier.configPath": "C:\\Users\\Administrator\\.prettierrc", // \Administrator "eslint.alwaysShowStatus": true, "prettier.trailingComma": "none", "prettier.semi": false, //每行文字个数超出...
VS Code中格式化插件Prettier-Code Formatter配置安装
qq_45663499的博客
10-08 1915
第一步：点击扩展，搜索Prettier，Prettier块右下角会显示安装字样，点击安装。第二步：点击左下角的设置图标，然后点击设置字样。第三步：在弹出的界面上方输入settings,然后点击蓝色字体【在settings.json中编辑】这里会显示多个，点击哪个都行。第四步：在界面输入以下代码。
prettier
besttoby01的博客
09-21 1582
保存一套prettier规则 { // 使能每一种语言默认格式化规则 "[html]": { "editor.defaultFormatter": "esbenp.prettier-vscode" }, "[css]": { "editor.defaultFormatter": "esbenp.prettier-vscode" }, "[less]": { "editor.defaultFormatter":
VSCode中的Prettier - Code formatter插件配置
i_Satan的博客
05-09 4529
Prettier - Code formatter 文件配置 settings.json文件 参考文章@前端烂笔头 参考文章@m0_57617148 关闭eslint语法报错: 参考文章@钢镚儿吖 建议: 首先采用文章一的文件配置 相关配置 再 settings.json 文件中 配置如下代码 { "editor.fontFamily": "Fira Code, Consolas", //调整字体，Fira Code "editor.detectIndentation
vscode代码代码格式化插件 - Prettier - Code formatter
最新发布
CodeAllen嵌入式
01-22 738
官网地址。
在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、付费专栏及课程。

余额充值