vscode 自动格式化为eslint风格

背景:

入职新公司接手一个老项目做重构,代码非常的不规范,于是网上找了一些配置,边重构边自动格式化,每次保存自动格式化代码,减少工作量。但是没有找到格式化整个项目的配置,如果有大佬有方法请多多指教。

Git
GitLens:git源代码管理插件GitLens(这个插件会提示代码修改人和时间,很好用)
Eslint:检测代码风格
prettier:代码格式化工具
fileheader:自动生成头部注释的插件


配置文件位置:

在这里插入图片描述
在这里插入图片描述


具体配置:

{
	// git源代码管理插件GitLens(这个插件会提示代码修改人和时间,很好用)
    "gitlens.advanced.messages": {
        "suppressGitMissingWarning": true
    },
    // git地址配置
    "git.path": "C:\\Users\\xiaoxin\\AppData\\Local\\Atlassian\\SourceTree\\git_local\\bin\\git.exe",
    // 在“快速修复”菜单中显示“打开lint规则文档”网页
    "eslint.codeAction.showDocumentation": {
        "enable": true
    },
    "eslint.format.enable": true,
    "[javascript]": {
        "editor.defaultFormatter": "HookyQR.beautify"
    },
    // vscode默认启用了根据文件类型自动设置tabsize的选项
    "editor.detectIndentation": false,
    // 重新设定tabsize
    "editor.tabSize": 2,
    // #每次保存的时候自动格式化
    // "editor.formatOnSave": true,
    "eslint.validate": [
        "javascript",
        "javascriptreact",
        "html",
        "vue"
    ],
    // #每次保存的时候将代码按eslint格式进行修复
    "editor.codeActionsOnSave": {
        "source.fixAll.eslint": true
    },
    //  #让prettier使用eslint的代码格式进行校验
    "prettier.eslintIntegration": true,
    //  #去掉代码结尾的分号
    "prettier.semi": false,
    //  #使用带引号替代双引号
    "prettier.singleQuote": true,
    //  #让函数(名)和后面的括号之间加个空格
    "javascript.format.insertSpaceBeforeFunctionParenthesis": true,
    // #让vue中的js按编辑器自带的ts格式进行格式化
    "vetur.format.defaultFormatter.js": "vscode-typescript",
    "vetur.format.defaultFormatterOptions": {
        "js-beautify-html": {
            "wrap_attributes": "force-aligned"
            // #vue组件中html代码格式化样式
        }
    },
    "window.zoomLevel": 0,
    "explorer.confirmDelete": false,
    "explorer.confirmDragAndDrop": false,
    "editor.renderControlCharacters": true,
    "editor.renderWhitespace": "all",
    // 文件注释模板(快捷方式ctrl+Alt+t)
    "fileheader.customMade": {
        "Descripttion":"",
        "version":"",
        "Author":"xiaoxin",
        "Date":"Do not edit",
        "LastEditors":"sueRimn",
        "LastEditTime":"Do not Edit"
    },
    // 方法注释模板(快捷方式ctrl+Alt+t)
    "fileheader.cursorMode": {
        "name":"xiaoxin",
        "Date":"",
        "explain":"",
        "param":"",
        "return":""
    }
}
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值