【Vs code工作记录三】设置Vs code格式化

前言

    我是歌谣 我有个兄弟 巅峰的时候排名c站总榜19 叫前端小歌谣 曾经我花了三年的时间创作了他 现在我要用五年的时间超越他 今天又是接近兄弟的一天人生难免坎坷 大不了从头再来 歌谣的意志是永恒的 放弃很容易 但是坚持一定很酷

导语

    歌谣 歌谣 你的vs code重装了 是不是要做格式化了


解决思路

    打开vs code ctrl+shift+p 复制进去

    {

            "eslint.codeAction.showDocumentation": {

                "enable": true

            },

            // Set the default

            "editor.formatOnSave": false,

            // Enable per-language

            "[javascript]": {

                "editor.formatOnSave": true,

                "editor.defaultFormatter": "esbenp.prettier-vscode",

            },

            "editor.tabSize": 2,

            "js/ts.implicitProjectConfig.experimentalDecorators": true,

            "tabnine.experimentalAutoImports": true,

            "javascript.updateImportsOnFileMove.enabled": "never",

            // "[vue]": {

            //    "editor.defaultFormatter": "esbenp.prettier-vscode"

            // },

            // 强制单引号

            "prettier.singleQuote":true,

            // 尽可能控制尾随逗号的打印

            "prettier.trailingComma": "all",

            // 开启 eslint 支持

            "prettier.eslintIntegration": true,

            // 保存时自动fix

            "eslint.autoFixOnSave": true,

            // 添加 vue 支持

            "eslint.validate": [

                "javascript",

                "javascriptreact",

                {

                    "language": "vue",

                    "autoFix": true

                }

            ],

            // 使用插件格式化 html

            "vetur.format.defaultFormatter.html": "js-beautify-html",

            // 格式化插件的配置

            "vetur.format.defaultFormatterOptions": {

                "js-beautify-html": {

                    // 属性强制折行对齐

                    "wrap_attributes": "force-aligned"

                }

            },

            "vetur.format.defaultFormatter": {

                "html": "prettier",

                "css": "prettier",

                "postcss": "prettier",

                "scss": "prettier",

                "less": "prettier",

                "js": "prettier",

                "ts": "prettier",

                "stylus": "stylus-supremacy"

            },

            // html颜色高亮

            "files.associations": {

            ".eslintrc": "json",

            "*.vue": "html",

            "*.cjson": "jsonc",

            "*.wxss": "css",

            "*.wxs": "javascript"

        },

            "emmet.syntaxProfiles": {

                "javascript": "jsx",

                "vue": "html",

                "vue-html": "html"

            },

            "[html]": {

                "editor.defaultFormatter": "HookyQR.beautify"

            },

            "editor.codeActionsOnSave": {

                "source.fixAll.eslint": true

        },

        "[javascriptreact]": {

            "editor.defaultFormatter": "esbenp.prettier-vscode"

        },

        "emmet.includeLanguages": {

            "wxml": "html"

        },

        "minapp-vscode.disableAutoConfig": true,

        "editor.fontLigatures": null

        }

总结

    则问题解决

————————————————

版权声明:本文为CSDN博主「前端大歌谣」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。

原文链接:https://blog.csdn.net/geyaoisnice/article/details/122321109

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容