VScode随笔绿豆沙保护色，vue代码自动对齐

爱学习的小康

已于 2022-02-08 15:54:47 修改

阅读量1.6k

点赞数

文章标签： vscode vue.js javascript

于 2022-01-25 17:07:53 首次发布

本文链接：https://blog.csdn.net/wnk1997/article/details/122688731

版权

setting.json设置

{
    "terminal.integrated.rendererType": "dom",
    "workbench.sideBar.location": "right",
    "workbench.colorCustomizations": {
        "[Default Light+]":{
            "editor.selectionHighlightBackground": "#f5f113",
            "editor.selectionBackground": "#f5f113",
            "editor.background": "#cce8cf",
            "editorGutter.background": "#cce8cf",
            "editorCursor.foreground": "#ff0000",
            "editor.lineHighlightBorder": "#d3d3d3",
        }
    },
    "editor.tokenColorCustomizations": {
        "[Default Light+]":{
            "comments": "#519657",
            "strings": "#7e3648",
            "functions": "#1c7887",
            "keywords": "#a207fc",
            "variables": "#0720fc",
            "numbers": "#e21d1d",
            "textMateRules":[
                {
                    "name": "Operator",
                    "scope": "keyword.operator",
                    "settings":{
                        "foreground": "#e21d1d",
                        "fontStyle": "bold"
                    }
                },
                {
                    "name": "Punctuation",
                    "scope": "punctuation",
                    "settings":{
                        "foreground": "#a207fc",
                        "fontStyle": "bold"
                    }
                }
            ]
        }
    },
    "editor.fontWeight": "500",
    "editor.fontSize": 14.5,
    "workbench.colorTheme": "Default Light+",
    "editor.fontFamily": "Consolas, '微软雅黑', monospace",
    "window.zoomLevel": 0,
    "workbench.iconTheme": "vscode-icons",

    // 上面是绿豆沙设置，下面是ctrl s自动对齐代码设置
    "editor.formatOnType": true,
    "editor.formatOnSave": true,
    "eslint.enable": true, //是否开启vscode的eslint
    "eslint.autoFixOnSave": true, //是否在保存的时候自动fix eslint
    "editor.formatOnSave": true, // #每次保存的时候自动格式化
    "eslint.options": { //指定vscode的eslint所处理的文件的后缀
      "extensions": [
        ".js",
        ".vue",
        ".ts",
        ".tsx"
      ]
    },
    "editor.codeActionsOnSave": {
        "source.fixAll.eslint": true
    },
}

插件版本也要对应上，不然总会出现各种奇奇怪怪不能ctrl+s格式化的问题

在这里插入图片描述