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"
    },
}
相关文章
|
3月前
|
缓存 供应链 监控
1688item_search_factory - 按关键字搜索工厂数据接口深度分析及 Python 实现
item_search_factory接口专为B2B电商供应链优化设计,支持通过关键词精准检索工厂信息,涵盖资质、产能、地理位置等核心数据,助力企业高效开发货源、分析产业集群与评估供应商。
|
3月前
|
存储 人工智能 运维
从“看得见”到“能决策”:Operation Intelligence 重构企业智能运维新范式
从 Observability 到 Operation Intelligence,日志服务 SLS 与云监控 2.0 协力之下,为企业打造高效、稳定、智能运营的数字化中枢,让复杂系统变得可视、可管、可优。
|
8月前
|
人工智能 Cloud Native 安全
Bolt.diy 部署与应用体验全流程总结
按照官方指引,我完成了 Bolt.diy 的部署与测试。通过云原生应用开发平台 CAP,默认配置下部署仅需 1 分钟。首次使用需授权访问控制,部署完成后进入示例应用。注意,资源须通过 HTTPS 提供以支持 WebAssembly 和 SharedArrayBuffer。 随后,在阿里云百炼平台创建 API-KEY 并配置到 Bolt.diy 中,开始尝试提示词创作。例如输入中端 SaaS 首页需求后,Bolt.diy 自动生成代码并展示预览效果,生成效率和质量令人满意。
|
8月前
|
存储 关系型数据库 分布式数据库
|
10月前
|
机器学习/深度学习 存储 自然语言处理
《Peephole LSTM:窥视孔连接如何开启性能提升之门》
Peephole LSTM是LSTM的一种变体,通过引入窥视孔连接,使各个门(输入门、遗忘门和输出门)能够直接访问细胞状态,从而在门控决策中提供更多的上下文信息。这使得模型能更精准地保留和利用序列中的关键长期依赖关系,避免信息丢失,提升对复杂序列数据的处理能力,在语音识别、自然语言处理等领域表现出色。
374 15
|
8月前
|
传感器 SQL 运维
2025 年中国中小企业数字化转型:Websoft9 开源托管平台的价值
Websoft9 以开源技术为核心,打造零门槛、低成本的数字化基座,提供 200+ 开源模板(如 Odoo、Nextcloud),助力企业快速部署与扩展。通过容器化技术、多云适配及主动防御体系,保障安全与兼容性。行业级解决方案覆盖制造、教育、法律等领域,实现数据驱动决策闭环。生态创新模式鼓励技术反哺与商业裂变,形成“标准化模板 + 自由扩展”路径,使中小企业从技术消费者转型为生态共建者,推动数字化转型成为价值创造的永动机。
|
10月前
|
存储 人工智能 算法
《AI 剧本生成与动画创作》解决方案评测
《AI 剧本生成与动画创作》解决方案评测
271 11
|
人工智能 算法 芯片
《C++与 ASIC 芯片:人工智能领域的强力搭档》
在AI发展中,C++与ASIC芯片的协同应用成为关键探索方向。C++以其高性能和对底层硬件的精细控制,与ASIC芯片的高度优化计算能力相结合,共同推动AI系统在性能、能效上的突破,特别是在智能安防、自动驾驶等领域展现巨大潜力。
192 11
|
关系型数据库 MySQL Go
MySQL连接错误1045:完美解决指南
MySQL连接错误1045:完美解决指南
11757 0
|
监控 物联网 5G
物联网卡的一些主要类型
物联网卡(IoT SIM卡或物联网SIM卡)是专为物联网设备设计的SIM卡,它们允许设备连接到移动网络,进行数据传输和远程控制等操作。根据不同的需求和应用场景,物联网卡可以分为几种不同的类型。以下是物联网卡的一些主要类型及对应的操作简述: