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

最新推荐文章于 2024-03-18 11:30:23 发布
最新推荐文章于 2024-03-18 11:30:23 发布
阅读量683 收藏 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 vscode vue项目使用eslint+prettier自动格式化代码
qq_38669001的博客
03-28 7797
eslint+prettier自动格式化代码 1.两个依赖 需要你的vue项目已经使用了eslint+prettier，你可以在创建项目的时候选择eslint+prettier，如下图： 当然，对于老项目，你也可以选择自己安装相关依赖，就是稍微繁琐一些… 2.eslint eslint：JavaScript 代码检测工具 js相当随意，对于字符串，你可以使用'',""；在语句的最后，你可以使用;...
webstorm 格式化代码报错_WebStorm2020.2版本使用体验
weixin_39939303的博客
12-20 793
前言昨天WebStorm推送了2020年的第二个版本更新，第一时间上手体验了一波，这次的版本更新做了很多使用上的优化，接下来就跟大家分享下这次新版本都有哪些新特性，欢迎各位感兴趣的开发者阅读本文。新特性一览本次更新带来了很多体验上的提升，接下来就跟大家分享下本次都更新了哪些东西。使用Prettier作为代码格式化工具之前版本中我们在使用菜单栏中的Code -> Reformat Code进行...
[Webstorm]保存时Prettier自动格式化失效
weixin_42174385的博客
02-28 2030
Webstorm里Prettier在保存时没有自动格式化文件的解决方案
webstorm如何自动修复prettier提示的错误
马航机长的博客
11-02 820
首先安装 eslit 和 prettier 不赘述了 点击 file → settings 按照下图路径勾选即可 自动加分号、单双引号、格式什么的自动就会修复了
[效率提升]webstorm配置Prettier：代码自动格式，格式化时清除空行，修改使用代码模板
南北极之间
03-28 8451
全局安装prettier 配置：默认是没有包含Vue的，我们手动加上即可： 每次保存的时候，就会自动格式化了。
【webstorm Prettier + eslint自动保存配置】
qq_43209807的博客
10-04 4391
有的版本Webstorm已经自带了Eslint、Prettier插件，如果没有就去File | Settings | Plugins添加相关插件。本文使用Vue cli创建项目，并做简单配置，暂时只有webstorm配置，本文的基础是在已经有eslint的基础上，新增prettier。去代码里面修改，按ctrl + s 保存时会自动格式代码。如果没有格式化，就把webstorm的自动保存去掉。我的版本是2021.3.3。
webstorm：Webstorm配置
02-18
- 自动修复代码风格问题，可以配置Prettier在保存时自动格式化代码。 8. **Live Edit与热更新** - 对于前端项目，开启Live Edit功能，可以在浏览器中实时预览代码更改，提高开发效率。 - 对于Vue.js、React等...
WebStorm默认配置
03-14
**WebStorm默认配置详解** WebStorm是一款由JetBrains公司开发的专业级JavaScript集成开发环境（IDE），广泛用于Web前端开发，支持HTML、CSS、JavaScript、TypeScript等语言，并提供了丰富的代码提示、自动完成、...
vscode 新版eslint自动修复_vscode自动修复eslint规范的插件及配置
weixin_30597089的博客
01-13 3098
在开发大型项目中，经常都是需要多人合作的。相信大家一定都非常头疼于修改别人的代码的吧，而合理的使用eslint规范可以让我们在代码review时变得轻松，也可以让我们在修改小伙伴们的代码的时候会更加清晰。但是往往在开发过程中由于我们个人习惯的不通经常会先关掉一些eslint的属性，又或者每个人对于eslint的配置也是不一样的，所以当我们统一配置eslint之后，我们可以通过vscode或者web...
WebStorm eslint 插件
09-27
这些问题可以通过右键点击并选择`Quick Fix`来快速解决，WebStorm通常会提供自动修复建议。 除了基本的代码风格检查，ESLint还支持与其他工具集成，如Prettier，它可以自动格式化代码，确保代码风格的一致性。此外...
WebStorm代码颜色美化、语法清晰
11-13
调了很久的颜色，语法清晰，种类齐全。导入直接使用。使用方法： 1、打开文件 2、导入设置 3、重新启动。简单快捷
ESLint + prettier保存时自动修复
m0_60549356的博客
12-16 2315
刚开始我用的是.prettier配置文件，结果保存时不会自动格式化，但是在网上找到这个配置，加上自己的查阅配置，在setting.json配置就OK了。 //配置prettier "editor.minimap.enabled": false, // "editor.formatOnPaste": true, "editor.formatOnSave": true, "editor.lineNumbers": "on", "editor.quickSuggestions": {
mac下 webstorm使用prettier
m0_37477096的博客
08-02 1391
网上找的几个例子不太全面，结合官方例子，我做个翻译吧 首先，要使用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...
prettier
besttoby01的博客
09-21 1727
保存一套prettier规则 { // 使能每一种语言默认格式化规则 "[html]": { "editor.defaultFormatter": "esbenp.prettier-vscode" }, "[css]": { "editor.defaultFormatter": "esbenp.prettier-vscode" }, "[less]": { "editor.defaultFormatter":
Webstom 代码格式化快捷键 使用项目中的Prettier
爱孔孟
05-26 1214
在现代的前端开发中，代码格式化是非常重要的一项工作，可以提高代码的可读性和可维护性。然后，在弹出的对话框中，勾选 Run on ‘Reformat Code’ action 复选框，这样每次通过快捷键执行代码格式化操作时，都会自动调用 Prettier 来进行格式化。我们可以使用默认模式，也可以按照官方文档中的说明进行自定义。总的来说，将 Prettier 设置为默认的格式化程序是非常有用的，可以帮助我们提高代码的可读性和可维护性，从而更加高效地进行前端开发工作。首先，我们需要在设置对话框中找到。
webstorm使用Prettier
qq_37541159的博客
03-24 6215
1.点击setting找到Languages&Frameworks点击打开找到Prettier,在Prettier package里选择prettier包,在Run for files,添加vue,最后勾选On save 提示：有的同学配置好prettier发现vue文件并没有格式化代码,原因就是webstorm默认没有支持,只要在run for files里加上vue就可以了(如上图所示) ...
webstorm配置Prettier
u013297881的专栏
09-27 2053
一、准备工作 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格式化保存 导致代码缩进与gitlab代码不一致问题
最新发布
HHH917的博客
03-18 712
webstorm显示缩进正常。gitlab显示不正常。
webstorm css格式化_WebStorm 微信小程序代码提示 + Prettier 代码格式化
weixin_39807067的博客
12-12 726
代码提示目前用的是：Wechat mini program support实测提示效果还不错。Prettier直接调用 WebStorm 自带的 Prettier 去格式化 wxml / wxss / wxs 文件会提示：File xxx has unsupported type猜想 Prettier 应该提供任意文件映射为任意已支持的文件类型的格式化配置。查阅官方文档后果然有：Setting ...
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、付费专栏及课程。

余额充值