vscode 设置配置 格式化 Eslint配置

这篇博客详细介绍了如何配置Visual Studio Code以优化前端开发体验,包括使用Prettier和ESLint进行代码格式化,Vetur插件的设置,以及HTML、CSS、JavaScript的格式化选项。同时,还涵盖了Git警告忽略、自动保存和代码检查等实用功能的设定。
摘要由CSDN通过智能技术生成

// {
//     "workbench.colorTheme": "One Dark Pro",
//     "window.zoomLevel": 1,
//     "editor.codeActionsOnSave": null,
    
// }
{
    //  #让prettier使用eslint的代码格式进行校验
    "prettier.eslintIntegration": true,
    //  #去掉代码结尾的分号
    "prettier.semi": false,
    //  #使用带引号替代双引号
    "prettier.singleQuote": true,
    //  #让函数(名)和后面的括号之间加个空格
    "javascript.format.insertSpaceBeforeFunctionParenthesis": true,
    // #这个按用户自身习惯选择
    "vetur.format.defaultFormatter.html": "js-beautify-html",
    // #让vue中的js按编辑器自带的ts格式进行格式化
    "vetur.format.defaultFormatter.js": "vscode-typescript",
    "vetur.format.defaultFormatterOptions": {
        "js-beautify-html": {
            "wrap_attributes": "force-aligned"
            // #vue组件中html代码格式化样式
        }
    },
    // 格式化stylus, 需安装Manta's Stylus Supremacy插件
    "stylusSupremacy.insertColons": false, // 是否插入冒号
    "stylusSupremacy.insertSemicolons": false, // 是否插入分好
    "stylusSupremacy.insertBraces": false, // 是否插入大括号
    "stylusSupremacy.insertNewLineAroundImports": false, // import之后是否换行
    "stylusSupremacy.insertNewLineAroundBlocks": false,
    "git.ignoreWindowsGit27Warning": true,
    "liveServer.settings.donotShowInfoMsg": true,
    // "[html]": {
    //   "editor.defaultFormatter": "lonefy.vscode-JS-CSS-HTML-formatter";
    // },
    // "workbench.startupEditor": "newUntitledFile",
    // "files.associations": {
    //     "*.cjson": "jsonc",
    //     "*.wxss": "css",
    //     "*.wxs": "javascript"
    // },
    "emmet.includeLanguages": {
        "vue-html": "html",
        "javascript": "javascriptreact",
        "wxml": "html"
    },
    // "minapp-vscode.disableAutoConfig": true,
    // "editor.tabSize": 2,
    // "editor.codeActionsOnSave": {
    //     "#definitions/style"
    //   "source.fixAll.eslint": true
    // },
    "tabnine.experimentalAutoImports": true,
    "files.autoSave": "afterDelay",
    "workbench.statusBar.visible": true,
    "[javascript]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "editor.renderControlCharacters": false,
    "[vue]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[jsonc]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    //  // 两个选择器中是否换行
    "eslint.enable": false,
    "eslint.run": "onType",
    "eslint.options": {
        "extensions": [
            ".js",
            ".vue",
            ".jsx",
            ".tsx"
        ]
    },
    "editor.codeActionsOnSave": {
        "source.fixAll.eslint": true
    },
    "workbench.iconTheme": "vscode-icons",
    "[javascriptreact]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "angular.experimental-ivy": false,
    "workbench.colorTheme": "One Dark Pro",
        "window.zoomLevel": 1,
        "editor.codeActionsOnSave": null,
        "[html]": {
            "editor.defaultFormatter": "vscode.html-language-features"
        },
        "[typescript]": {
            "editor.defaultFormatter": "vscode.typescript-language-features"
        },
        "[markdown]": {
            "editor.defaultFormatter": "yzhang.markdown-all-in-one"
        }
        
    
}
    
 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Vscode设置Eslint格式化可以通过以下步骤完成。首先,你需要下载并安装Eslint插件。然后,你可以在Vscode设置中搜索Eslint,并选择启用格式化选项。你也可以在settings.json文件中编写代码来完成这个配置,比如设置"eslint.format.enable": true。这样,每次按下格式化快捷键Alt+Shift+F时,Vscode就会使用Eslint格式化当前文件。这样做可以帮助你在开发过程中使用Eslint来校验代码,并提供规则提示和错误标记。\[1\]\[2\]\[3\] #### 引用[.reference_title] - *1* [VsCode使用Eslint格式化文件](https://blog.csdn.net/weixin_40571331/article/details/122876910)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* [vscode 使用Eslint 格式化代码](https://blog.csdn.net/weixin_45180205/article/details/128591003)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item] - *3* [给Vscode配置ESlint语法检查 — ESLint 插件自动格式化设置(实现Ctrl+S 按照ESLint规则自动格式化代码)](https://blog.csdn.net/weixin_42146585/article/details/126037592)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值