【VScode】ESLint :warning Delete `CR` prettier/prettier

这篇具有很好参考价值的文章主要介绍了【VScode】ESLint :warning Delete `CR` prettier/prettier。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

一. ESLint

  1. 作用
        检查 Javascript 编程时的语法错误。
    vscode的换行cr错误提示,报错专栏,vscode,javascript,ide

  2. 新建或修改文件时报错
    vscode的换行cr错误提示,报错专栏,vscode,javascript,ide

  3. 原因
         Windows系统 ,clone的代码会自动把换行符 LF转为回车符CRLF,这时本地的代码都是回车符。可在prettier.config.js中查看到
    vscode的换行cr错误提示,报错专栏,vscode,javascript,ide

  4. 检查配置(ESLint中是否支持JavaScript/vue语言)
    (1)在VScode中,使用Ctr + 打开设置画面(或 File - Preferences - Settings)
    (2)点击 “Edit in settings.json”(编辑设置的json文件)
    vscode的换行cr错误提示,报错专栏,vscode,javascript,ide
    (3)配置代码文章来源地址https://www.toymoban.com/news/detail-784814.html

{
    "[javascript]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[vue]": {
        "editor.defaultFormatter": "rvest.vs-code-prettier-eslint"
    },
    "editor.formatOnSave": true,
    "editor.formatOnType": true,
    "[html]": {
        "editor.defaultFormatter": "HookyQR.beautify"
    },
    "git.openRepositoryInParentFolders": "always",
    "eslint.validate": [
        "javascript",
        "javascriptreact",
        "html",
        "vue"
    ],
    // "eslint.autoFixOnSave": true,   // 改成下面的"editor.codeActionsOnSave"
    // #每次保存的时候将代码按eslint格式进行修复
    "editor.codeActionsOnSave": {
        
        "source.fixAll.eslint": true
    },
}
  1. 解决
    (1)报 ESLint错误时检查是否如下所示是 CRLF
    vscode的换行cr错误提示,报错专栏,vscode,javascript,ide
    (2)点击上述步骤(1)中的 ‘CRLF’,此时在VSCode顶部选择LF即可
    vscode的换行cr错误提示,报错专栏,vscode,javascript,ide
    (3)解决成功
    vscode的换行cr错误提示,报错专栏,vscode,javascript,ide

二. VSCode自动保存

  1. “ Ctrl + ” 或 “File - Preferences - Settings” 打开设置(Settings)界面
  2. 找到“Files :Auto Save”
    vscode的换行cr错误提示,报错专栏,vscode,javascript,ide
  3. 下拉选项如下
    vscode的换行cr错误提示,报错专栏,vscode,javascript,ide
    其中
    (1)off:不自动保存,需手动保存
    (2)afterDelay:固定间隔时间,自动保存
    (3)onFocusChange:当前窗口编辑内容,失去焦点时自动保存
    (3)onWindowsChange:切换窗口时自动保存

三. 参考链接

  1. ESLint:https://blog.csdn.net/LPLIFE/article/details/105655178
  2. 自动保存:https://www.yisu.com/zixun/328446.html

到了这里,关于【VScode】ESLint :warning Delete `CR` prettier/prettier的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

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

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

相关文章

  • Delete `␍`eslint(prettier/prettier)

    今天下午配置eslint和 prettier 时,频频报错:Delete `␍`eslint(prettier/prettier),vscode全页面爆红。 经过多次尝试与试验后,最终多种方式结合解决了这个问题。 安装了 prettier 插件指定了文件结尾的换行符与系统的不一样所导致的。 Windows在换行的时候,同时使用了回车符CR和换行

    2024年01月15日
    浏览(38)
  • vscode中使用eslint+prettier的配置

    eslint+prettier+vscode自动保存用起来感觉非常爽快。 一般来说,安装eslint+prettier插件,然后使用相关脚手架配套的eslint+prettier,无法自动格式代码,每次都需要执行格式化命令。这里贴出保存自动格式化代码的setting.json。 如果不使用脚手架自带的eslint+prettier配置,可以参考我之

    2024年02月10日
    浏览(37)
  • vscode使用eslint及prettier配合解决代码格式问题

    esLint是提供一个插件化的javascript代码检测工具。 esLint 配置文件遵循 commonJS 的导出规则,所导出的对象是 eslint 的配置对象。 1、打开vscode 在插件选项中找到对应插件进行安装即可。 2、新建一个.prettierrc文件 在该文件下,写入一下代码 3、设置vscode保存代码时,让代码符合

    2024年02月02日
    浏览(33)
  • vsCode配置Eslint+Prettier结合使用详细配置步骤,规范化开发

            eslint它规范的是代码偏向语法层面上的风格 。本篇文章以一个基本的vue项目,来说明eslint+prettier+husky配置项目代码规范,为了更好的描述本文,我恢复了vscode的默认设置(即未安装eslint,prettier等插件,setting中也没有相关配置) 1、新建vue3.0脚手架项目 2、项目安装

    2023年04月17日
    浏览(34)
  • 【vscode 格式化】prettier 格式化之后添加逗号,与eslint冲突

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

    2024年02月12日
    浏览(60)
  • vscode编辑器,vue、小程序等语言适配eslint格式校验 + prettier 保存时自动修改格式

    目的:自留备份,用者自取 基础配置 1 基于vscode编辑器,prettier插件需要下载 2 eslint配置项规则: https://eslint.bootcss.com/docs/rules/ 3 prettier配置项规则: https://prettier.io/docs/en/options.html 安装插件 配置文件问题: 如果项目中带有.vscode文件夹,这里面的setting.json会覆盖全局的sett

    2024年02月09日
    浏览(42)
  • VsCode中Vue代码格式插件,Vetur、ESLint 、Prettier - Code formatter的介绍使用及相关配置

    Vetur是一款Vue代码高亮显示的一款插件,在没有使用此插件前,以 .vue的文件名代码是没有颜色的!!! 安装步骤:在扩展商店中搜索(  Vetur  )点击安装  ESLint插件主要用来检测代码的语法格式,以便我们规范书写,避免因编译所发生的错误 。 安装步骤:在扩展商店中搜

    2024年02月16日
    浏览(27)
  • error Delete `␍` prettier/prettier【多种方法】

    前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家。点击跳转到网站,这篇文章男女通用,看懂了就去分享给你的码吧。 提示:这里简述项目相关背景: 错误消息“删除␍ prettier/prettier是什么错误“通常发生在有回车字符时(表示为

    2024年02月09日
    浏览(29)
  • Eslint+Prettier

    js验证的规则标准,Vue也有自己的独特的验证规则, vue-eslint-plugin 属于vue自己的验证规则。 如果不想报错,可以在 package.json/rules 里面进行关闭,默认是开启的,默认缩进是两个空格。 使写代码更加的美观 可选的配置项: 例如:

    2024年01月25日
    浏览(33)
  • eslint prettier 配置

    1.创建: pnpm create vite 2. 自启浏览器;技巧01 : package.json - \\\"dev\\\": \\\"vite\\\" -- \\\"dev\\\": \\\"vite\\\" -- \\\"dev\\\": \\\"vite --open \\\" 一个项目要有统一的规范,需要使用 eslint + stylelint + prettier 来对我们的代码质量做检测和修复 eslint用于代码语法检测 stylelint用于对css代码进行语法检测 prettier用于代码格式规范

    2024年03月22日
    浏览(34)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包