配置prettier和eslint 保证vscode安装了这些插件 安装相关依赖yarnaddDprettiereslint在代码格式化时采用Perttier规则，而我们代码校验使用的是ESLint，如果同一个规则配置不一致，往往就会出现冲突问题； 比如：字符串单、双引号的配置，eslint后把字符串变成单引号，更新文件代码过后，重新保存（Prettier）又自动格式化后变成双引号，导致代码校验异常。eslint和prettier冲突的解决方案解决方案1：两者配置文件部分配置修改成一致。解决方案2：安装相关插件（Prettier和ESLint冲突解决方案eslintconfigprettiereslintpluginprettier）eslintconfigprettier禁用eslint冲突配置eslintpluginprettierPrettier先格式化（默认是先eslint格式化，再Prettier格式化）yarnaddDeslintconfigprettiereslintpluginprettier初始化。eslintrc。json文件npxeslintinit如果全局安装了eslint（npminstallgeslint）了，可以直接使用eslintinit 根据提示勾选即可： 安装完成的eslintrc。json文件｛env：｛browser：true，es2021：true｝，extends：〔eslint：recommended，plugin：reactrecommended〕，parserOptions：｛ecmaFeatures：｛jsx：true｝，ecmaVersion：latest，sourceType：module｝，plugins：〔react〕，rules：｛indent：〔error，tab〕，linebreakstyle：〔error，windows〕，quotes：〔error，double〕，semi：〔error，always〕｝｝修改eslintrc。json优雅提示 比如引入某个包，但是没有安装也会提示出来，因此需要安装一个插件eslintconfigairbnb 官方网址：https：www。npmjs。compackageeslintconfigairbnbnpxinstallpeerdepsdeveslintconfigairbnb 接着修改eslintrc。json文件 更多规则：https：eslint。bootcss。comdocsrulesextends：〔airbnb，prettier，plugin：reactrecommended〕，plugins：〔prettier，react〕， 新建。prettierrc文件 更多规则：https：www。prettier。cndocsoptions。html｛singleQuote：false，endOfLine：lf｝让提示更细致给eslintrc。json追加rules，prettierprettier：error， 最终两个文件的所有配置eslint｛env：｛browser：true，es2021：true｝，extends：〔airbnb，prettier，plugin：reactrecommended〕，parserOptions：｛ecmaFeatures：｛jsx：true｝，ecmaVersion：latest，sourceType：module｝，plugins：〔prettier，react〕，rules：｛prettierprettier：error，indent：〔off，tab〕，linebreakstyle：〔off，windows〕，quotes：〔error，double〕，semi：〔error，always〕｝｝prettier｛singleQuote：false，endOfLine：lf｝配置stylelint 首先需要安装vscode的stylelint插件 安装相关的依赖yarnaddDstylelintstylelintconfigstardandstylelintconfigprettierstylelintorderstylelintconfigprettier解决和prettier冲突stylelintorder排序css属性 新建。stylelint。json文件 stylelint相关规则：http：stylelint。docschina。orguserguiderules｛plugins：〔stylelintorder〕，extends：〔stylelintconfigstandard，stylelintconfigprettier〕，rules：｛propertynounknown：true，commentnoempty：〔true，｛message：禁止空注释｝〕，orderpropertiesorder：〔xxxxx〕｝ 查看一下效果 vscode保存自动修复 vscode编辑器，往setting。json添加配置editor。codeActionsOnSave：｛source。fixAll。stylelint：true，source。fixAll。eslint：true｝，
不敢跑跳不敢大声笑产后妈妈的这些难言之隐，可依靠三步曲来治疗不敢跑跳、不敢大声笑，打个喷嚏尿液都会不受控制地漏出，是一些产后妈妈的难言之隐。那么如何治疗这些问题呢？松江区妇幼保健院妇产科副主任医师王辉走进《健康智慧屋》直播间，从造成盆底……费迪南德曼城比曼联领先太多滕哈格带着不少球员进步了曼联名宿费迪南德在近期采访中，谈到了曼联主教练滕哈格，以及接下来曼市德比的话题。我认为现在评价滕哈格还为时尚早，以前也有曼联教练带领球队上升。现在必须保持耐心，多给滕哈格……苹果造车这半年走了三位高管挖了一票大神，秘密筹建供应链市值2。4万亿美元（约合15。55万亿元人民币）的苹果，造车到什么进展了？从去年年底开始，苹果造车的传闻不断，甚至传出苹果汽车将在几个月内面世的消息。这不禁让全球果粉和汽……分析师苹果iPhone13Pro将于9月第三周发布，Pro型IT之家8月17日消息据外媒MacRumors报道，Wedbush分析师DanielIves在一份投资者报告中表示，苹果公司将在9月第三周发布iPhone13系列，高端的Pro……苹果现为Mac新用户提供年度AppleCare订阅，此前为三IT之家8月17日消息AppleCare是苹果为iPhone、Mac、iPad和AppleWatch提供的高端技术支持服务，同时也将意外损坏涵盖在内。外媒发现，苹果最近调……微信小程序购物商城项目记录tabBar制作头条创作挑战赛二、tabBar2。1创建tabBar分支运行如下命令，基于master分支在本地创建tabBar子分支，用来开发和tabBar相关的功能：gitch……苹果禁止内部员工对薪酬公平等进行调查IT之家8月10日消息苹果一直有内部调查的习惯，以使员工了解他们的同事对复工和薪酬待遇的看法。然而根据一些员工的说法，苹果现在命令禁止员工参加内部调查。外媒TheVerg……担心iPhone被飞马间谍软件监控，苹果用户可以用这个方法来8月10日消息，近日，一家以色列软件监控公司被曝向一些国家售卖了一款名为飞马的手机间谍软件，该软件号称能够攻破各类手机操作系统，就连号称最安全的苹果系统，也未能幸免。如果……工信部推出，手机一键解绑功能注册账号都是需要绑定手机号码的，绑定容易但是解绑麻烦，而且注册那么多应用软件，谁还能记得清楚哪些app是绑定过手机的。工信部一键查询解绑服务工信部旗下的中国信息通信……苹果将向美国和欧洲医院捐赠数百万只口罩，其中含美国200万只IT之家3月22日消息今天苹果宣布计划向美国的医院捐赠200万个N95口罩。苹果还详细说明了这一公告，并指出它将为美国和欧洲的卫生专业人员捐赠数百万个口罩。随着个人防护设……5000mAh大电池144Hz自适应刷新屏，骁龙888Plu摩托罗拉作为老牌通信厂商，也曾经辉煌过，发布过很多非常经典的产品，现在摩托罗拉显然已经衰败了，经过几次的被收购，推出的产品在中国市场并不是特别受欢迎，如今的摩托罗拉已经妥协了，……9年历史最大更新曝苹果iPadmini2021秋季发布，大屏IT之家7月11日消息今年早些时候有消息称，苹果正在开发一款重新设计的iPadmini，取消了Home键，带来了更窄的边框。现在，彭博社报道称，这款经过重新设计的iPad……