webstorm 代码格式化设置与eslint standard一致

最新推荐文章于 2024-06-17 02:09:13 发布
最新推荐文章于 2024-06-17 02:09:13 发布
阅读量8.9k 收藏 9
点赞数 12
分类专栏： IDE
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/peade/article/details/101032075
版权

新弄了个vue项目，使用的eslint是standard规范。

新建项目，用webstorm打开项目，顺利开搞，结果一到vue组件里，就报红色叹号错误了。

这里就需要配置一下webstorm里的code style

打开配置路径：

file--->settings，打开webstorm配置窗口

配置js格式化规范



配置html/vue组件

在do not indent children of里加入script标签

peade
关注
  • 12
    点赞
  • 踩
  • 9
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
WebStorm eslint 插件
09-27
除了基本的代码风格检查，ESLint还支持与其他工具集成，如Prettier，它可以自动格式化代码，确保代码风格的一致性。此外，通过安装特定的ESLint插件，还可以支持React、Vue、Angular等框架的特定规则检查。 总的来...
代码格式化文档
02-21
用途：让java代码统一用一个代码规范，具体操作参考: https://mp.csdn.net/postedit/87862958
webstorm配置js的standard代码风格
学习真香
01-15 642
如图; 点击set from 后可以选择 standard 或者 其他预定义的代码风格
webstorm 中使用 Eslint+Prettier统一代码风格
fwzzzzz的博客
10-28 1981
nestjs
Vue3 + TypeScript + Vite 初始项目搭建（ESLint、Prettier、Sass、Stylelint、husky
最新发布
2401_85124837的博客
06-17 784
为了使在使用 ESLint 进行代码检查时，遇到使用别名 import 模块时，不报错，使 ESLint 能够支持别名配置，所以在 ESLint 配置文件中 import/resolver 的 alias 选项，配置如何解析 import 语句中的别名，依赖 eslint-import-resolver-alias 和 eslint-plugin-import 插件。
Webstorm和VsCode 统一格式化配置
QS8945的博客
08-28 2324
6.根目录新建lint-staged.config.js。5.根目录新建.prettierrc.js。4.根目录新建.eslintrc.js。
解决webstorm代码格式化与eslint-vue 缩进规则冲突
qq_40593496的博客
04-24 1704
webstorm 设置Vue中 Script 标签首层不缩进解决方法1（放弃缩进）：解决方法2（仍要缩进）： webstorm 的缩进规则与 eslint-vue 冲突， webstorm格式化后如下： <script> exports default { } </script> eslint-vue规则限制如下： <script> exports default { } </script> 解决方法1（放弃缩进）： 修改 Webstorm
解决WebStorm与VSCode的代码格式化冲突
Azhuzhu_chaste的博客
06-09 4898
到了新公司发现同事用的都是VSCode，而VSCode的格式化代码与WebStorm的不一致。 因为前后端都做，用惯了JetBrains全家桶，导致不太适应VSCode，最后所以打算调整一下代码的格式化，继续用webstorm开发。 自闭合的标签，闭合前补充空格 Settings > Editor > Code Style > HTML > Other(Tab页) > 勾选 in empty tag 句尾冒号分割，永远使用单引号，多行保留最后一项的逗号 Sett
vscode代码格式化和eslint的使用
10-15
主要介绍了vscode代码格式化和eslint的使用，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
详解如何在vue项目中使用eslint+prettier格式化代码
01-19
给大家介绍下prettier,prettier是用来统一代码风格，格式化代码的，支持js、ts、css、less、scss、json、jsx。并且集成了vscode、vim、webstorm、sublime text插件。 如果你的项目中采用的是ellint默认规则并且没有...
webstorm中配置Eslint的两种方式及差异比较详解
10-17
在WebStorm中配置ESLint是前端开发者为了保持代码风格一致性和提高代码质量的重要步骤。本文将详细介绍两种在WebStorm中配置ESLint的方式及其差异。 ### 方式一：使用WebStorm内置ESLint WebStorm作为一款强大的...
webstrom格式化与eslint配置冲突解决办法
qq_34532969的博客
03-14 1566
WebStorm自带的格式化（Ctrl+Alt+L）和 ESLint冲突，经常遇到的是缩进不一致导致的错误，CodeStyle里没办法再做调整的可以通过修改ESlint配置， 添加ignoredNodes,就可以设置eslint忽略这些节点的校验。 // ignoredNodes里面写你要让哪些节点不做校验。 indent: ["error", 2, { "ignoredNodes": ["CallExpression", "Identifier"] }] 以下是所有可以忽略的节点，如果不清楚用哪些的话
webstorm（2019）配置eslint规范
热门推荐
siyi_blog的博客
04-24 2万+
在项目中我们为了代码书写更规范，在项目中安装ESlint帮助我们检查语法，那么下面介绍下在webstorm中如何配置ESlint规范 步骤如下： 1.快捷键:ctrl+alt+s打开设置，找到Code Style，将Indents Detection和EditorConfig下的去掉勾选，具体看下图 2.在Code Style子文件下找到你想修改的文件类型，将缩进全部改为2 ...
WebStorm设置eslint格式化
qq_37572795的博客
02-07 3172
WebStorm设置eslint格式化 一、手动或快捷键方式格式化 WebStorm自带ESLint,打开设置即可 在工作区右击，在菜单中单击fix ESLint Problems选项 如果觉得每次单击很麻烦可以设置快捷键。 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-uCPD2ZrN-1612683208664)(C:\Users\aeihe\Desktop\WebStorm设置eslint格式化.assets\image-202102071530106
js文件转java文件_Webstorm/Phpstorm中将ES6文件转为普通js文件
weixin_35745051的博客
02-26 206
前言:我写此篇文章是为了在比较老旧的项目中书写es6代码,例如fis项目、非webpack架构的JQuery项目等等，如果你是vue + webpack项目，请无视这篇文章:)用web/phpstrom写老旧项目用es6的步骤：1.打开phpstorm的命令行，运行命令：npm install -g babel-cli2. 在当前项目中安装npm install --save-dev babel-...
webstorm 保存运行 vue-cli 格式化（代码格式以 ESlint 为准）
Wang_make的博客
07-08 1314
webstorm 保存运行 vue-cli 格式化（代码格式以 ESlint 为准）
【小技巧】如何对混乱的HTML/CSS/JS代码进行格式化排版
南衣的博客
08-02 6730
如何对混乱的HTML/CSS/JS代码进行格式化排版 1. 将混乱的代码拷贝到一个文档中，通过NotePad++打开： 2.点开插件-插件管理： 3.搜索JSTool，并安装： 4.安装成功后会重启NotePad++，之后再点开插件就会发现多了JSTool插件，在下一级菜单中的JSFormat的功能就是对代码进行格式化排版： ...
Webstorm使用解决ESlint问题合集
饭一口口吃的博客
10-30 2458
Webstorm使用eslint插件报错问题解决方案
webstorm配置eslint一键格式化代码
专注
12-19 4648
【代码】webstorm配置eslint一键格式化代码。
webstorm 代码格式化插件
08-06
1. Prettier：Prettier是一个通用的代码格式化工具，可以与WebStorm集成。你可以通过在WebStorm中安装Prettier插件，并在设置中配置Prettier作为默认的代码格式化工具。使用Prettier可以自动为你的代码添加缩进、...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值