webstorm使用Prettier

最新推荐文章于 2024-03-18 11:30:23 发布
最新推荐文章于 2024-03-18 11:30:23 发布
阅读量6k 收藏 2
点赞数 1
分类专栏： 前端工具 web前端 文章标签： webstorm 前端 vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_37541159/article/details/115174687
版权

1.点击setting找到Languages&Frameworks点击打开找到Prettier,在Prettier package里选择prettier包,在Run for files,添加vue,最后勾选On save
在这里插入图片描述
提示：有的同学配置好prettier发现vue文件并没有格式化代码,原因就是webstorm默认没有支持,只要在run for files里加上vue就可以了(如上图所示)

刘志东
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
WebStorm开发插件：提升开发效率的利器
刘家旺的博客
04-27 381
作为一款功能强大的JavaScript集成开发环境（IDE），WebStorm提供了丰富的插件生态系统，可以帮助开发者提高工作效率、增强代码质量和提供更好的开发体验。本文将介绍一些常用的WebStorm开发插件，帮助你更好地利用这些插件来提升你的开发效率。
WebStorm代码颜色美化、语法清晰
11-13
调了很久的颜色，语法清晰，种类齐全。导入直接使用。使用方法： 1、打开文件 2、导入设置 3、重新启动。简单快捷
Vue3: webstorm格式化绑定prettier
西魏陶渊明的博客
03-07 1267
webstorm格式化时候可能没有按照prettier的规则进行格式化,导致当我们使用webstorm自带的格式化。但是每次都使用右键格式化是比较麻烦的，这个时候我们就可以下面这样配置。让webstorm按照prettier的配置来进行格式化。
WebStorm前端开发神器：十大必装插件推荐
热门推荐
DevCorner的Pro技术博客
08-21 1万+
WebStorm是JetBrains推出的一款专业的JavaScript IDE,它提供了强大的JavaScript/TypeScript开发环境和工作流。HTML CSS Support插件可以为HTML和CSS文件提供高亮,自动完成,错误检查和格式化等功能。安装后,HTML和CSS文件会获得和JavaScript一样丰富的代码支持。ESLint插件可以实时检查JavaScript和JSX代码中的错误、风格问题和危险操作,同时也支持自动修复。Prettier插件可以自动格式化代码,保持统一的代码风格。
webstorm 使用prettier格式化保存 导致代码缩进与gitlab代码不一致问题
最新发布
HHH917的博客
03-18 382
webstorm显示缩进正常。gitlab显示不正常。
prettier
besttoby01的博客
09-21 1616
保存一套prettier规则 { // 使能每一种语言默认格式化规则 "[html]": { "editor.defaultFormatter": "esbenp.prettier-vscode" }, "[css]": { "editor.defaultFormatter": "esbenp.prettier-vscode" }, "[less]": { "editor.defaultFormatter":
webstorm配置Prettier
u013297881的专栏
09-27 1897
一、准备工作 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
weixin_49274461的博客
04-04 1031
至于配置参考掘金文章：代码美化神器——Prettier使用详解 - 掘金 个人认为第二种方式合适点(看个人喜好)
mac下 webstorm使用prettier
m0_37477096的博客
08-02 1354
网上找的几个例子不太全面，结合官方例子，我做个翻译吧 首先，要使用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项目中使用eslint+prettier格式化代码
01-19
今天给大家介绍如何使用eslint+prettier统一代码风格。 对于eslint大家应该比较了解了，是用来校验代码规范的。给大家介绍下prettier,prettier是用来统一代码风格，格式化代码的，支持js、ts、css、less、scss、json...
前端堆栈：使用React，Redux，RxJS，Reselect，Material UI，Immer，Prettier和Webpack构建单页应用程序的入门套件
02-04
安装并配置以使用Prettier保存时格式化代码。 在您的IDE中启用“ ESLint”，这将从项目中选择.eslintrc并执行它。 克隆或下载/解压缩此项目模板。 运行yarn安装依赖项。 要开始应用程序开发，请运行yarn start ...
prettier-config-clc:可共享的更漂亮的配置
03-19
漂亮的配置CLC 可共享的更漂亮的配置。 构建和部署 要将这个文件添加到您自己...执行npm install ，现在WebStorm和VSCode之类的IDE应该可以找到配置并为您提供响应反馈！确保启用适当的设置以在保存时自动格式化文件。
intellij-plugin-save-actions:支持可配置的，类似于Eclipse的保存操作，包括“组织导入”，“重新格式化代码”和“重新排列代码”
05-25
通过使用保存动作插件，每次保存时都会执行代码样式和代码规则，从而使代码在整个代码库中更整洁，更统一。 可以在您的开发团队中共享设置文件（请参阅），以便每个开发人员都具有相同的配置。 保存操作插件应用的...
在vscode中统一vue编码风格的方法
11-29
本文详细介绍 vscode 下使用 vetur + prettier + eslint 来统一 vue 编码风格。 vetur 插件 vetur 经过多个版本迭代，算是目前 vscode 下最好用的 vue 插件了，甚至支持 ts, webpack alias 等特性。 但有几个功能...
[效率提升]webstorm配置Prettier：代码自动格式，格式化时清除空行，修改使用代码模板
南北极之间
03-28 6418
全局安装prettier 配置：默认是没有包含Vue的，我们手动加上即可： 每次保存的时候，就会自动格式化了。
在webstorm下使用prettier
weixin_30371875的博客
07-14 3269
这里使用vue-cli创建项目，包含了prettier，eslint ，选了在文件保存时做检查，按理说按了保存就应该自动格式化，可是并没有 按如下配置 `file->settings->Tools->File Watchers->+->Prettier` 保存配置就行了 后面写了东西再保存就会自动格式化了 转载于:https://www.cnblo...
webstorm 中使用 Eslint+Prettier统一代码风格
fwzzzzz的博客
10-28 1910
nestjs
webstorm中配置eslint+prettier
weixin_33756418的博客
08-08 3171
前两个月，我们的项目里引入了prettier，配合之前就有的eslint检查，一下子就让自由散漫的我吃够了苦头。一个个去改是不可能改的了，那就只有考虑编辑器自动修正，可是看见各种复杂度配置头就大了，xjb搞了好几天吧，时好时坏。直到最近才有点理论可以指导实践了。vscode始终没有弄好，我现在是用vscode写好，然后在webstorm上fix-eslint。废话不多说，直接上代码，希望能给正在遭...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值