在vscode中如何用eslint和prettier


在vscode中如何用eslint和prettier,针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。1)首先在vscode中安装eslint,然后在vscode的settings.json添加如下代码2)必须在项目中安装eslint(或者全局安装)这个是vscode中eslint插件的要求:3)在根目录中添加 .eslintrc.js 文件,添加如下代码4)rules 里面的设置属性值数组中第一个元素设置属性值数组中第二个元素设置eslint.bo开发云主机域名otcss.com/docs/rules/ 找到对应属性点击进入,然后找到optionseslint:recommended 默认规则的都有标记注意: 此时项目就会按照默认设置,以及rules里面的规则进行提示,保存时也会根据eslint的规则就行格式化。(注:eslint与prettier的结合视情况而定,不是非得要与prettier一起使用)1)首先在vscode中安装prettier插件,然后在vscode中的 settings.json 里面添加下面的代码2)在项目中安装prettier同时还需要安装eslint-plugin-prettiereslint-config-prettier,这两个插件的目的就是为了使eslint可以按照prettier的规则进行提示(注意这两个插件的版本号问题,最新的 eslint-plugin-prettier 的4.0版本使用时有问题)然后在 .eslintrc.js里面的extends加上 plugin:prettier/recommended然后就可以在根目录下添加.prettierrc.js 文件,eslint将按照里面的规则进行提示,同时保存的时候也会按照里面的规则进行格式化1)首先在创建的时候选择eslint + prettier的设置2)在根目录下创建 .prettierrc.js,并添加规则默认情况下,当代码中的格式不正确时,会是warn警告如果需要把它变成error,需要在.eslintrc.js中添加如下代码注: 在修改完一些配置后,vscode可以不会马上生效,此时可以关闭项目,重新打开试试关于在vscode中如何用eslint和prettier问题的解答就分享到这里了,希望以上内容可以对大家有一定的帮助,如果你还有很多疑惑没有解开,可以关注开发云行业资讯频道了解更多相关知识。

相关推荐: VScode无法连接本机MSSQL的处理方式

这篇文章将为大家详细讲解有关VScode无法连接本机MSSQL的处理方式,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。VScode无法连接本机MSSQL怎么办?安装 mssql 扩展适用于 Visual Studio Cod…

免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。

(0)
打赏 微信扫一扫 微信扫一扫
上一篇 05/13 16:23
下一篇 05/13 16:23