zoukankan      html  css  js  c++  java
  • VSCode Eslint+Prettier配置

    打开VSCode设置

    {
        "editor.fontLigatures": true,
        "editor.fontFamily": "Fira Code Light , Consolas, 'Courier New', monospace",
        "editor.maxTokenizationLineLength": 2000000,
        // 保存时自动格式化代码
        "editor.formatOnSave": true,
        // eslint配置项,保存时自动修复错误
        "editor.codeActionsOnSave": {
            "source.fixAll": true
        },
        // 终端
        "terminal.integrated.profiles.windows": {
            "cmder": {
                "path": "C:\\WINDOWS\\System32\\cmd.exe"
            }
        },
        "terminal.integrated.defaultProfile.windows": "cmder",
        // json 最大编译值
        "json.maxItemsComputed": 500000,
        // 文件后缀支持
        "files.associations": {
            "*.tpl": "html"
        },
        "security.workspace.trust.emptyWindow": false,
        "security.workspace.trust.enabled": false,
        "editor.wordWrap": "on",
        /** 格式化 */
        "[json]": {
            "editor.defaultFormatter": "vscode.json-language-features"
        },
        "[typescriptreact]": {
            "editor.defaultFormatter": "esbenp.prettier-vscode"
        },
        "[typescript]": {
            "editor.defaultFormatter": "esbenp.prettier-vscode"
        },
        /************** ESlint *****************/
        // "eslint.enable": true,
        "eslint.format.enable": true,
        "eslint.run": "onType",
        "eslint.nodePath": "",
        "eslint.options": {
            "extensions": [
                ".js",
                ".vue",
                ".ts",
                ".tsx"
            ]
        },
        "eslint.validate": [
            "javascript",
            "javascriptreact",
            "html",
            "vue"
        ],
        "eslint.codeAction.showDocumentation": {
            "enable": true
        },
        /************** Prettier *****************/
        // "editor.defaultFormatter": "esbenp.prettier-vscode",
        // #去掉代码结尾的分号
        // "prettier.semi": true,
        // #使用单引号替代双引号
        // "prettier.singleQuote": true,
        // "editor.fontWeight": null,
        // "explorer.confirmDelete": false,
        // "[html]": {
        //     "editor.defaultFormatter": "esbenp.prettier-vscode"
        // },
        // "less.compile": {
        //     "out": "${workspaceRoot}/"
        // },
        // // "[typescriptreact]": {
        // //     "editor.defaultFormatter": "esbenp.prettier-vscode"
        // // },
        // "[typescript]": {
        //     "editor.defaultFormatter": "esbenp.prettier-vscode"
        // },
        // "[javascript]": {
        //     "editor.defaultFormatter": "esbenp.prettier-vscode"
        // },
        // "js/ts.implicitProjectConfig.experimentalDecorators": true,
        // "[typescriptreact]": {
        //     "editor.defaultFormatter": "esbenp.prettier-vscode"
        // },
    }
    
    
  • 相关阅读:
    vue路由传参页面刷新参数丢失问题解决方案
    理解MVC,MVP 和 MVVM
    HTTPS用的是对称加密还是非对称加密?
    元素显示隐藏的9种思路
    CSS中层叠上下文
    DOM盒模型和位置 client offset scroll 和滚动的关系
    css重点知识和bug解决方法
    你可能不知道的CSS
    如何在 React 中优雅的写 CSS?
    html5不常用标签应用场景
  • 原文地址:https://www.cnblogs.com/KevinTseng/p/15765484.html
Copyright © 2011-2022 走看看