vue的ESLint 4格缩进 笔记

于 2024-06-28 02:41:31 发布
阅读量279 收藏
点赞数 3
文章标签： vue.js 笔记 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_51140667/article/details/140029447
版权

https://chatgpt.com/share/738c8560-5271-45c4-9de0-511fad862109

一，代码4格缩进设置

.eslintrc.js文件

module.exports = {
  "rules": {
    "indent": ["error", 4]
  }
};

自动修复命令

npx eslint --fix "src/**/*.{js,vue}"
 

没有就

"eslintConfig": { "rules": { "indent": ["error", 4] } }

二，tab键改为4格缩进

weixin_51140667
关注
  • 3
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
ESLint语法检查--indent（缩进）规则
pengjunlee的博客
07-30 5万+
英文地址：https://eslint.org/docs/rules/indent 嵌套的代码块或者语句需要具有一定的缩进，类似下面这样： function hello(indentSize, type) { if (indentSize === 4 && type !== 'tab') { console.log('Each next indenta...
eslint的使用
最新发布
blog_pancc的博客
05-31 749
3.Vscode安装Prettier -Code formatter插件。eslint官网: https://eslint.org/(4) 在settings.json中配置。文件中,右键->使用格式化文档->选择。2.Vscode安装Eslint插件。(3).prettierrc文件放到。可以帮助我们统一代码语法规范。(1)配置Prettier插件。5.Eslint常见语法规则。为什么要使用eslint?(1)配置Eslint插件。后缀名的文件,在文件中编辑。1.vscode中改缩进。
VSCode设置eslint自动缩进和自动格式化代码
JCjunior的博客
02-16 7477
VSCode设置eslint自动缩进和自动格式化代码
【前端工程化】01_ESLint
未来可期
02-09 207
ESLint的安装、使用和文件配置
关于vue eslint ident缩进红色波浪线及尾随空格
pulledup的博客
10-06 1741
导致了，缩进为 2 * 2 = 4，js文件一点保存，就起“红色波浪线”而“警示”，只要你看得惯，那你就不改吧？eol尾随“LF”换行符，而非“尾随空格”，是要求的方式，但实际中，我们不经意的给空格。选项 自动修复，在“ESLint v4.0.0中已弃用”。好像，说的含含糊糊......强制一致的缩进的fix补丁，其中，看Configuration配置部分。缩进遗留”及“尾随空格”
ESLint如何配置
面向许三多编程
04-05 1043
1.简介 通过用 ESLint 来检查一些规则，我们可以： 统一代码风格规则，如：代码缩进用几个空格；是否用驼峰命名法来命名变量和函数名等。 减少错误， 如：相等比较必须用 === ，变量在使用前必须被声明，在条件语句中不能使用赋值语句等。 提高代码质量，如：函数最多有多少条件分支；最多有几个参数，代码块最多能嵌套多少层等。 2.安装 1 安装 ESLint 的依赖。 npm install ...
怎样在vue项目下添加ESLint的方法
11-26
简易搭建 ESLint官网网址 ESLint中文官网 如果你是想在自己的项目里搭建ESLint，就可以按照官网的指示， 以全局安装举例， npm install -g eslint 然后初始化 ...在vue的项目里新添加ESLint 有
vue eslint简要配置教程详解
10-16
Vue.js 是一个流行的前端框架，而 ESLint 是一个静态代码分析工具，用于检测 JavaScript 代码中的潜在错误和不符合编码规范的部分。在 Vue 项目中集成 ESLint 可以帮助开发者保持代码质量，遵循一致的编码风格，并...
详解Vue取消eslint语法限制
10-18
在开发Vue应用时，我们经常使用ESLint来保证代码的质量和一致性。ESLint是一款强大的静态代码分析工具，它会检查代码中的语法错误、潜在问题，并遵循一定的编码规范。然而，在某些情况下，Vue项目的ESLint配置可能...
vue-eslint-parser：.vue文件的ESLint自定义解析器
02-05
Vue-Eslint解析器 .vue文件的ESLint自定义解析器。 :right_arrow_curving_up: 动机该解析器使我们可以.vue文件的<template> 。 如果我们在使用复杂的指令和表达式，我们很容易在上犯错。 该解析器和规则会捕获一些...
eslint-config-xo-space：具有2个空格缩进的XO的ESLint可共享配置
02-05
eslint-config-xo-space 具有2位缩进的ESLint 这是针对高级用户的。 使用而不要使用它。 安装 $ npm install --save-dev eslint-config-xo-space 用法 在您的package.json添加一些ESLint配置： { " name " : " my-awesome-project " , " eslintConfig " : { " extends " : " xo-space " } } 或.eslintrc ： { " extends " : " xo-space " } 支持解析ES2015 +
VSCode配置eslint自动缩进（格式化代码）
weixin_34403976的博客
09-10 1万+
VSCode配置自动缩进（格式化代码） 配置基于 VSCode v1.41.0 以上版本 打开vscode配置文件 settings.json { //自动缩进的开关 （关键配置），设置为true则打开自动缩进 "editor.codeActionsOnSave": { "source.fixAll.eslint": true }, "eslint.format.enable": true, // 规定的文件类型 这里不是必要的 "eslint.validate": ["javas
eslint配置缩进空格处理
weixin_40551017的博客
07-10 4925
module.exports = { root: true, env: { node: true }, extends: [ 'plugin:vue/essential', '@vue/standard' ], parserOptions: { parser: 'babel-eslint' }, rules: { 'indent': ['off', 2],//缩进
vue 通过 webpack 创建项目的eslint校验
子敬的技术博客
11-12 942
vue 通过 webpack 创建项目的eslint校验 在通过webpack 创建的项目，会自动引入eslint，在根目录下会有一个文件：.eslintrc.js，里面的内容主要就是校验的模板。 基础格式： module.exports = { //此项是用来告诉eslint找当前配置文件不能往父级查找 root: true, //此项是用来指定eslint解析...
eslint正确的安装步骤
weixin_46787337的博客
03-30 8042
Vue3 跟 Vite 正式版发布有很长一段时间了，生态圈也渐渐丰富起来，作者已在多个项目中使用，总结一下：就是快！也不用担心稳定性问题，开发体验真不是一般好！还没尝试的同学可以从本文开始学习，从 0 开始手把手带你搭建一套规范的 Vite + Vue3 + TypeScript 前端工程化项目环境。 本文篇幅较长，从以下几个方面展开： 架构搭建 代码规范 提交规范 单元测试 自动部署 本项目完整的代码托管在 GitHub 仓库，欢迎点亮小星星 🌟🌟 技术栈 编程语言：TypeScript 4.x + Ja
eslint报错解决方案：--fix的使用
JZevin的博客
04-13 2万+
vue项目中使用eslint来做代码规范检查时，在每次运行项目后就会指出你代码中的各种不规范的地方。各种红彤彤的报错，我滴妈！ 虽说不影响项目运行，但是作为一个程序猿，我接受不了…… 解决方案 遇到问题，不要慌～ 报错信息放到百度翻译看一看先，可以发现，报错信息提示了我们该怎么做！ 1 error and 0 warnings potentially fixable with the `--fix` option. // 1个错误和0个警告可通过“--fix”选项修复。 --fix 很明显是一个命令
实现提交代码至 Git 远程仓库前，自动验证规范性
Lyrelion的博客
05-19 3909
实现提交代码至 Git 远程仓库前，自动验证规范性
Eslint 规则说明
热门推荐
前端笔记
05-26 7万+
"no-alert": 0,//禁止使用alert confirm prompt "no-array-constructor": 2,//禁止使用数组构造器 "no-bitwise": 0,//禁止使用按位运算符 "no-caller": 1,//禁止使用arguments.caller或arguments.callee "no-catch-shadow": 2,//禁止catch子句参数与外部作用
Vue的eslint语法限制----强制执行一致的缩进
m0_38102273的博客
07-13 7647
由于vue对语法的限制过于严格，以至于在第一次编译运行的时候一直编译失败，当然也包括一些警告：有几个常见的指导原则需要对嵌套块和语句进行特定缩进，例如：function hello(indentSize, type) { if (indentSize === 4 &amp;&amp; type !== 'tab') { console.log('Each next inde...
vue eslint_vue eslint编辑器组件，可播放ESLint
05-25
Vue ESLint和ESLint编辑器组件是用于在Vue项目中集成ESLint的工具。ESLint是一个静态代码分析工具，可以帮助团队遵循一致的代码风格和最佳实践，从而提高代码质量和可维护性。 Vue ESLint是一个CLI工具，可以通过命令行来创建和配置一个ESLint环境。它提供了一些预设，如Airbnb、Standard、Google等，也可以自定义规则。使用Vue ESLint，可以在开发过程中实时检测代码，及时发现潜在的问题。 ESLint编辑器组件是一个用于VS Code等编辑器的插件，可以在编辑器中播放ESLint。它可以在代码编辑时自动检查代码，并提供实时的代码建议和错误提示。这个插件可以帮助开发人员更轻松地遵循代码规范和最佳实践。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值