VSCode设置eslint自动缩进和自动格式化代码

这篇具有很好参考价值的文章主要介绍了VSCode设置eslint自动缩进和自动格式化代码。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

VSCode设置eslint自动缩进和自动格式化代码

1、找到VS Code的settings.json文件

(1)点击左下角齿轮图标并选择设置:VSCode设置eslint自动缩进和自动格式化代码
VSCode设置eslint自动缩进和自动格式化代码(2)在文本编辑器中找到 settings.json
VSCode设置eslint自动缩进和自动格式化代码VSCode设置eslint自动缩进和自动格式化代码settings.json的初始内容:
VSCode设置eslint自动缩进和自动格式化代码

2、修改settings.json文件内容为如下内容

{
    "editor.renderWhitespace": "none",
    //自动缩进的开关,设置为true则打开自动缩进开关
    "editor.codeActionsOnSave": {
        "source.fixAll.eslint": true
    },
    "eslint.format.enable": true,
}

VSCode设置eslint自动缩进和自动格式化代码

3、打开项目根文件夹下的 .eslintrc.js文件

VSCode设置eslint自动缩进和自动格式化代码

4、在rules 下配置“缩进几个空格”

rules: {
        indent: [2, 4, { SwitchCase: 1 }],
        "prettier/prettier": [2, { tabWidth: 4, endOfLine: "auto" }],
        "no-console": "off",
        "no-debugger": "off",
        "vue/multi-word-component-names": 0,

        // 解决let被强转为const问题
        "prefer-const": 0,
        // 保存代码时缩进4个空格
        // indent: ["error", 4],
    },

VSCode设置eslint自动缩进和自动格式化代码文章来源地址https://www.toymoban.com/news/detail-403750.html

5、配置完保存,结束配置。

到了这里,关于VSCode设置eslint自动缩进和自动格式化代码的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • VsCode设置保存自动格式化(一步就够)

    在  VsCode  中我们可以通过设置来实现保存文件时自动格式化代码,具体步骤如下: 1.点击 设置 ,输入 格式化 ,如下图 2.将 Editor:Format On Save 选项勾选上即可 3.关闭 设置 页面,此时保存文件同时代码会自动格式化 希望本文能够对您有所帮助!如果您有任何问题或建议,请

    2024年01月17日
    浏览(34)
  • 第二章 React项目配置ESlint和Prettier实现自动格式化代码以及统一代码风格

    欢迎加入本专栏!本专栏将引领您快速上手React,让我们一起放弃放弃的念头,开始学习之旅吧!我们将从搭建React项目开始,逐步深入讲解最核心的hooks,以及React路由、请求、组件封装以及UI(Ant Design)框架的使用。让我们一起掌握React,开启前端开发的全新篇章! 需要准

    2024年02月03日
    浏览(42)
  • 解决方案:VSCode中配置自动格式化实现Ctrl+S自动格式化代码

    一致的代码风格不仅仅有助于提高可读性,还可以减少错误和漏洞的产生。在编码中,在VSCode中配置Prettier插件并实现使用Ctrl+S自动格式化代码,其可以: 根据事先定义的规则自动调整代码的缩进、换行、空格等格式,从而让所有开发人员的代码风格保持一致 。这有助于提高

    2024年02月06日
    浏览(41)
  • 【vscode 格式化】prettier 格式化之后添加逗号,与eslint冲突

    最近格式化文件的时候老是添加逗号,保存的时候会eslint在格式化一遍,将逗号删掉;就感觉不是很舒服; 有两种方法, 一、配置 .prettierrc 文件; 文件配置,可直接用,配合eslint使用足够了 JSON文件是不支持备注的,cv过去时要删掉注释 2.就是在设置的搜索框中输入“vet

    2024年02月12日
    浏览(56)
  • vscode格式化代码禁止自动换行

    问题产生 代码格式化的功能由插件提供,比如veture,默认的配置超过很短的长度就回换行。 所以需要修改配置。 打开 文件 - 首选项 - 设置,然后点击右上角的图标。进入settings.json文件。 搜狗截图20220421170631.png 在这里面写配置。 问题解决 1.使用Prettier - Code formatter来格式化

    2024年02月06日
    浏览(35)
  • vscode中如何实现保存自动格式化代码

    两种方法: 1.配置settings.json 文件 第一步,点击 文件 首选项 设置   进入setting.json编辑页面,将下方设置项粘贴到大括号中: \\\"editor.formatOnType\\\": true, \\\"editor.formatOnSave\\\": true, 一定记得前边加个逗号  2.直接在设置中配置一个选项即可      

    2024年02月07日
    浏览(34)
  • VSCode代码格式化自动换行问题

    VSCode设置了保存自动格式化时,代码超过一定长度后会自动换行,我想禁止自动换行,找了很多方法都没有效果。 后来经过了长时间的寻找,终于找到了相应的解决方法,分为两个,如果其中一个不行,可以尝试另外一个。 第一种方法: 打开VSCode,然后在编辑器的顶部菜单

    2024年02月16日
    浏览(35)
  • VScode使用clang format文档自动代码格式化(C语言)

    1、格式化之前的准备。 可以用Clang-Format插件,也可以用C/C++插件。因为现在的C/C++插件已经具备了这个功能。 2、配置相关 或者在setting.json中粘贴下面的代码,需要将C_Cpp.clang_format_path换成自己的clang-format路径。 3、.clang-format文件 下面是我的配置: ps:网上我看很多人提到这

    2024年02月10日
    浏览(31)
  • vscode设置vetur格式化代码(双引号变单引号 去除分号等)前端小白教程

    安装prettier 第一步设置 vetur  点击设置  搜索vetur  找到formatter js 选择prettier ⚠️这一步很重要 如果不是prettier 下面你设置也会没效果  找到设置settings.json的地方  找到    根据需要设置 再点击使用..格式化文档 选择  这个时候我们就可以 格式化的时候直接将双引号变成单

    2024年02月12日
    浏览(35)
  • webstorm配置eslint一键格式化代码

    安装eslint插件:npm install --save-dev eslint-config-vue eslint-plugin-vue 创建eslintrc.js文件,添加相关代码规范(根据自己喜好进行调整) webstorm进行快捷键设置 这样在页面使用Alt + S,即可一键格式化代码了

    2024年02月01日
    浏览(35)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包