ESlint 保存自动格式化代码

简介: 第一步:在VScode下载ESlint插件,找到右下角设置图标点击扩展设置。

第一步:在VScode下载ESlint插件,找到右下角设置图标点击扩展设置。

image.jpeg


第二步:选择打开 右上角的json配置文件



第三步:引入代码

{
    "emmet.triggerExpansionOnTab": true,
    "editor.fontSize": 18,
    "editor.tabSize": 2,
    "update.showReleaseNotes": false,
    "prettier.printWidth": 150,
    "workbench.editor.untitled.hint": "hidden",
    "prettier.arrowParens": "avoid",
    "prettier.vueIndentScriptAndStyle": true,
    "terminal.integrated.tabs.enabled": true,
    "git.enableSmartCommit": true,
    "explorer.confirmDelete": false,
    "editor.acceptSuggestionOnEnter": "smart",
    "workbench.enableExperiments": false,
    "security.workspace.trust.enabled": false,
    "path-intellisense.mappings": {
     "@": "${workspaceRoot}/src"
    },
    "prettier.jsxSingleQuote": true,
    "prettier.semi": false,
    "explorer.compactFolders": false,
    "explorer.incrementalNaming": "smart",
    "eslint.alwaysShowStatus": true,
    "editor.codeActionsOnSave": {
     "source.fixAll.eslint": true
    },
    "eslint.useESLintClass": true,
    "editor.detectIndentation": false,
    "editor.formatOnSave": true,
    "eslint.format.enable": true,
    "gitlens.advanced.messages": {
     "suppressGitMissingWarning": true
    },
    "editor.suggestSelection": "recentlyUsed",
    "editor.minimap.enabled": false,
    "editor.unicodeHighlight.allowedCharacters": {
     ":": true
    },
    "prettier.singleQuote": true,
    "update.enableWindowsBackgroundUpdates": false,
    "update.mode": "start",
    "editor.suggest.snippetsPreventQuickSuggestions": false,
    "editor.guides.bracketPairs": "active",
    "workbench.startupEditor": "none",
    "eslint.run": "onSave",
    "workbench.editor.splitInGroupLayout": "vertical",
    "[vue]": {
     "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[javascript]": {
     "editor.defaultFormatter": "dbaeumer.vscode-eslint"
    },
    "eslint.probe": [
     "javascript",
     "javascriptreact",
     "typescript",
     "typescriptreact",
     "html",
     "vue",
     "markdown",
     "Vue",
     "VUE"
    ],
    "files.associations": {
     "*.vue": "vue"
    },
}
相关文章
|
Java 测试技术
Spock单测利器,用了都说好
参考Spock单元测试框架介绍以及在美团优选的实践最近发现了一种写法简洁高效,一个单测方法可以测试多组测试数据,且测试结果一目了然的单测框架Spock。Spock国外的测试框架,其设计灵感来自JUnit、Mockito、Groovy,可以用于Java和Groovy应用的测试。尽管Spock写单测,需要使用groovy语言,但是groovy语言是一种弱类型,写法超级简单,我也是零基础的groovy新
1296 0
Spock单测利器,用了都说好
|
网络安全 API 对象存储
SSL证书过期替换之踩坑总结
本文简要列出了阿里云ssl证书更新涉及到的服务及修改截图,供大家参考、补充和完善。
8479 0
|
存储 编解码 安全
现代IM系统中聊天消息的同步和存储方案探讨
本文原作者:木洛,阿里云高级技术专家,内容有删减和修订,感谢原作者。 1、前言 IM全称是『Instant Messaging』,中文名是即时通讯。在这个高度信息化的移动互联网时代,生活中IM类产品已经成为必备品,比较有名的如钉钉、微信、QQ等以IM为核心功能的产品。
5579 0
|
7月前
|
缓存 供应链 监控
1688item_search_factory - 按关键字搜索工厂数据接口深度分析及 Python 实现
item_search_factory接口专为B2B电商供应链优化设计,支持通过关键词精准检索工厂信息,涵盖资质、产能、地理位置等核心数据,助力企业高效开发货源、分析产业集群与评估供应商。
|
7月前
|
存储 人工智能 运维
从“看得见”到“能决策”:Operation Intelligence 重构企业智能运维新范式
从 Observability 到 Operation Intelligence,日志服务 SLS 与云监控 2.0 协力之下,为企业打造高效、稳定、智能运营的数字化中枢,让复杂系统变得可视、可管、可优。
|
存储 关系型数据库 分布式数据库
|
7月前
|
人工智能 安全 搜索推荐
面向阿里云百炼用户的AI安全护栏服务
本服务专为百炼平台用户提供,旨在提升大模型的文字输入和输出安全审核体验。在遵守百炼平台红线管控政策的基础上,我们提供了灵活的审核标签管理功能,允许用户根据需要开启或关闭特定审核标签。此外,我们还提供定制化的安全策略配置服务,以满足不同用户的个性化需求。
449 0
|
Java Shell Linux
十分钟了解Android触摸事件原理(InputManagerService)
十分钟了解Android触摸事件原理(InputManagerService)
1131 0
十分钟了解Android触摸事件原理(InputManagerService)
|
存储 Java
java:int强制类型转换成byte
int 在java中是32位, byte是8位 原码:就是二进制码,最高位为符号位,0表示正数,1表示负数,剩余部分表示真值 反码:在原码的基础上,正数反码就是他本身,负数除符号位之外全部按位取反 补码:正数的补码就是自己本身, 负数的补码是在自身反码的基础上加1
java:int强制类型转换成byte
|
存储 程序员 API
Windows GDI+
Windows GDI+
504 0
Windows GDI+
下一篇
开通oss服务