WebStorm配置自动修复prettier提示的问题

最新推荐文章于 2024-03-18 11:30:23 发布
最新推荐文章于 2024-03-18 11:30:23 发布
阅读量716 收藏 10
点赞数 8
分类专栏： # webstorm # vue 文章标签： webstorm ide vue vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_39496303/article/details/135903608
版权
本文讨论了在编辑代码时，使用Ctrl+S快捷键保存可能导致的格式化问题，以及这如何可能引发代码冲突。提醒开发者在查看他人代码时注意此现象。
摘要由CSDN通过智能技术生成

勾选即可
ctrl+s保存的时候就会自动给你加分号，引号、换行空格等格式问题，

需要注意的是，你查看别人的代码时候，就算没有改代码，只要你ctrl+s保存了当前页面，也会格式化，很容易和别人冲突

红烧柯基
关注
专栏目录
webstorm：Webstorm配置
02-18
- 自动修复代码风格问题，可以配置Prettier在保存时自动格式化代码。 8. **Live Edit与热更新** - 对于前端项目，开启Live Edit功能，可以在浏览器中实时预览代码更改，提高开发效率。 - 对于Vue.js、React等...
webstorm vscode vue项目使用eslint+prettier自动格式化代码
qq_38669001的博客
03-28 7879
eslint+prettier自动格式化代码 1.两个依赖 需要你的vue项目已经使用了eslint+prettier，你可以在创建项目的时候选择eslint+prettier，如下图： 当然，对于老项目，你也可以选择自己安装相关依赖，就是稍微繁琐一些… 2.eslint eslint：JavaScript 代码检测工具 js相当随意，对于字符串，你可以使用'',""；在语句的最后，你可以使用;...
prettier
besttoby01的博客
09-21 1746
保存一套prettier规则 { // 使能每一种语言默认格式化规则 "[html]": { "editor.defaultFormatter": "esbenp.prettier-vscode" }, "[css]": { "editor.defaultFormatter": "esbenp.prettier-vscode" }, "[less]": { "editor.defaultFormatter":
【webstorm Prettier + eslint自动保存配置】
qq_43209807的博客
10-04 4465
有的版本Webstorm已经自带了Eslint、Prettier插件，如果没有就去File | Settings | Plugins添加相关插件。本文使用Vue cli创建项目，并做简单配置，暂时只有webstorm配置，本文的基础是在已经有eslint的基础上，新增prettier。去代码里面修改，按ctrl + s 保存时会自动格式代码。如果没有格式化，就把webstorm的自动保存去掉。我的版本是2021.3.3。
webstorm使用Prettier
qq_37541159的博客
03-24 6254
1.点击setting找到Languages&Frameworks点击打开找到Prettier,在Prettier package里选择prettier包,在Run for files,添加vue,最后勾选On save 提示：有的同学配置好prettier发现vue文件并没有格式化代码,原因就是webstorm默认没有支持,只要在run for files里加上vue就可以了(如上图所示) ...
webstorm 使用prettier格式化保存 导致代码缩进与gitlab代码不一致问题
最新发布
HHH917的博客
03-18 762
webstorm显示缩进正常。gitlab显示不正常。
[效率提升]webstorm配置Prettier：代码自动格式，格式化时清除空行，修改使用代码模板
南北极之间
03-28 8884
全局安装prettier 配置：默认是没有包含Vue的，我们手动加上即可： 每次保存的时候，就会自动格式化了。
WebStorm默认配置
03-14
**WebStorm默认配置详解** WebStorm是一款由JetBrains公司开发的专业级JavaScript集成开发环境（IDE），广泛用于Web前端开发，支持HTML、CSS、JavaScript、TypeScript等语言，并提供了丰富的代码提示、自动完成、...
WebStorm eslint 插件
09-27
这些问题可以通过右键点击并选择`Quick Fix`来快速解决，WebStorm通常会提供自动修复建议。 除了基本的代码风格检查，ESLint还支持与其他工具集成，如Prettier，它可以自动格式化代码，确保代码风格的一致性。此外...
个人webstorm插件离线包
07-28
它由JetBrains公司开发，以其强大的代码提示、自动完成、调试功能以及丰富的插件生态而受到赞誉。"个人WebStorm插件离线包"指的是包含了WebStorm插件的下载文件，便于用户在没有网络连接或者网络环境不稳定的情况下...
WebStorm开发工具常用设置
02-21
12. **调试**：WebStorm的调试工具强大且直观，可以设置断点、查看变量值、步进执行等，帮助找出并修复问题。 13. **多语言支持**：除了前端技术，WebStorm也支持Node.js、TypeScript、Vue.js、React等后端和框架的...
Webstom 代码格式化快捷键 使用项目中的Prettier
爱孔孟
05-26 1282
在现代的前端开发中，代码格式化是非常重要的一项工作，可以提高代码的可读性和可维护性。然后，在弹出的对话框中，勾选 Run on ‘Reformat Code’ action 复选框，这样每次通过快捷键执行代码格式化操作时，都会自动调用 Prettier 来进行格式化。我们可以使用默认模式，也可以按照官方文档中的说明进行自定义。总的来说，将 Prettier 设置为默认的格式化程序是非常有用的，可以帮助我们提高代码的可读性和可维护性，从而更加高效地进行前端开发工作。首先，我们需要在设置对话框中找到。
WebStorm2023安装prettier并生效
素衣如岚的博客
10-25 576
1.首先去File > Settings > Plugins 里下载并install插件 Prettier 2.在settings里搜索prettier，按图片所示设置一下Apply 3.在你需要的文件中按下快捷键 Ctrl + Alt + Shift + L 会弹出提示框，点 Run 即可
Mac webStorm安装配置Prettier
wei_dan1129的博客
03-03 974
Prettier Prettier的中文意思是“漂亮的、机灵的”，也是一个流行的代码格式化工具的名称，它能够解析代码，使用你自己设定的规则来重新打印出格式规范的代码。 下载 使用npm下载 npm install --save-dev --save-exact prettier # or globally npm install --global prettier 使用yar yarn ad...
webstorm配置prettier无效
luoluogh的博客
05-26 1500
根目录建prettier格式化文件。
WebStom中代码美化工具prettier的配置
qq_62403061的博客
01-12 695
在下面中的run for files的括号里面加上vue即可。最后一步就是确保eslit被开启。
webstorm配置Prettier
u013297881的专栏
09-27 2114
一、准备工作 1、webstorm(2018.1及以上，直接去官网下载安装) 2、Prettier 3 node.js 需要安装 npm（这也是软件需要先安装，再执行命令） npm install --save-dev prettier # or globally npm install --global prettier yarm（这也是软件需要先安装，再执行命令） yarn add prettier --dev --exact # or globally yarn global...
webstorm如何自动修复prettier提示的错误
马航机长的博客
11-02 834
首先安装 eslit 和 prettier 不赘述了 点击 file → settings 按照下图路径勾选即可 自动加分号、单双引号、格式什么的自动就会修复了
Webstorm使用解决ESlint问题合集
饭一口口吃的博客
10-30 2584
Webstorm使用eslint插件报错问题解决方案
webstorm配置prettier
09-14
要在WebStorm中配置Prettier，你需要按照以下步骤进行操作： 1. 打开WebStorm并进入设置（Settings）界面，你可以通过点击顶部菜单的"File" -> "Settings"来打开。 2. 在设置界面中，找到"Languages & Frameworks"选项，然后点击打开。 3. 在下拉菜单中找到"Prettier"选项，并点击进入Prettier的设置页面。 4. 在Prettier设置页面中，你会看到"Prettier package"选项。在这里，你需要选择安装了Prettier的包。根据你的安装方式，你可以选择本地安装还是全局安装的包。 5. 在"Run for files"选项中，你需要添加"vue"文件类型，以便在保存时自动格式化Vue文件。 6. 最后，确保你勾选了"On save"选项，这样在保存文件时会自动触发Prettier的格式化操作。 通过以上步骤，你就成功配置了WebStorm中的Prettier。现在，当你保存Vue文件时，WebStorm会自动应用Prettier的格式化规则来格式化代码。这样，你就可以保持代码的一致性和可读性了。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

红烧柯基

感谢您的支持!

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值