VScode 好用的插件推荐&部分插件的配置(settings.

作者: 狼少丷 | 来源:发表于2024-02-21 12:15 被阅读0次

vscode 插件多终端自动同步
⚔️图形化正则（reg）表达式
vue-element-admin
linux之下 vscode 配置 pyside6
VsCode Go插件配置最佳实践指南
文件头部注释插件koroFileHeader.md
Vue开发总结及一些最佳实践（已更新）
2021-11-03
Visual Studio Code如何连接远程服务器？
根据 eslint 的配置自动格式化并保存

插件名单:

Remote - SSH (无需多言)
commentTranslate (翻译不用Google)
cmderrunner: 类似于Mac中的iTerm2, 和部分终端配置可以配合Oh My Zsh 用过的都说好

image.png
Better-Comments: 让注释变得更有意思,更多彩

image.png
Todo-Tree: 让类似TODO 这样的标签更有活力,可自定义颜色icon等

image.png
indent-rainbow: 让空格更明显且多彩

image.png
koroFileHeader: 用于生成文件头部注释和函数注释的插件(个人没有深度自定义)

image.png
shellscript & shellcheck: 这两位组合使用的shell插件 , 分别用来format和代码提示
yapf: 代码格式化 , 但不仅限于此.
Pylance: python的语言服务
flake8 : 类似于pylint 和 ESlint 这类代码检查插件. flake8和pylint 可以一起配置使用,但是太过严格了.具体怎么用自行选择吧~~
clangd,Prettier
Code formatter
Path Intellisense
CodeLLDB

配置文件如下,有一些插件没有介绍,自行发觉吧!

{
    "workbench.startupEditor": "none",
  //------------------------------Remote - SSH 配置----------------------------------
    "remote.SSH.defaultForwardedPorts": [],
    "remote.SSH.remotePlatform": {
        "Ubuntu": "linux",
        "192.168.1.1": "linux", // 按照自己IP配置
        "Ubuntu-linux": "linux"
    },
     //------------------------------标线 配置----------------------------------
    "editor.rulers": [
        120, //垂直参考线的宽度
    ],
    "workbench.colorCustomizations": {
        "editorRuler.foreground": "#ffffff46" // 垂直参考线的颜色
    },
    "security.workspace.trust.untrustedFiles": "open",
    "workbench.iconTheme": "material-icon-theme",
    //------------------------------commentTranslate 配置----------------------------------
    "commentTranslate.source": "Bing",
    "commentTranslate.hover.string": true,
    "commentTranslate.hover.concise": true,
    "commentTranslate.hover.variable": true,
    "commentTranslate.targetLanguage": "zh-CN",
    "commentTranslate.maxTranslationLength": 350,
    "commentTranslate.selectTargetLanguageWhenReplacing": true,
    "explorer.confirmPasteNative": false,
    "multiCommand.commands": [],
    "workbench.editor.empty.hint": "hidden",
    //------------------------------terminal 配置----------------------------------
    "terminal.integrated.defaultProfile.windows": "Command Prompt",
    "terminal.external.windowsExec": "D:\\cmder\\Cmder.exe",
    "terminal.integrated.profiles.windows": {
        "PowerShell": {
            "source": "PowerShell",
            "icon": "terminal-powershell"
        },
        "Command Prompt": {
            "path": [
                "${env:windir}\\Sysnative\\cmd.exe",
                "${env:windir}\\System32\\cmd.exe"
            ],
            "args": [
                "/k D:\\cmder\\vendor\\init.bat"
            ],
            "icon": "terminal-cmd"
        },
        "Git Bash": {
            "source": "Git Bash"
        }
    },
    "cmake.showOptionsMovedNotification": false,
    "[c]": {
        "editor.defaultFormatter": "ms-vscode.cpptools"
    },
    //------------------------------todo-tree 配置----------------------------------
    "todo-tree.regex.regex": "((%|#|//|<!--|^\\s*\\*)\\s*($TAGS)|^\\s*- \\[ \\])",
    "todo-tree.regex.regexCaseSensitive": false, //使用区分大小写的正则表达式
    "todo-tree.tree.autoRefresh": true,
    "todo-tree.tree.showCountsInTree": true,
    "todo-tree.highlights.useColourScheme": true,
    "todo-tree.filtering.ignoreGitSubmodules": true,
    "todo-tree.highlights.defaultHighlight": {
        "type": "none",
        "gutterIcon": true, // 是否在编辑器沟槽中显示图标
    },
    "todo-tree.general.tags": [
        //添加自定义的标签成员,将在下面实现它们的样式
        "todo",
        "bug",
        "tag",
        "done",
        "mark",
        "test",
        "update",
        "[ ]",
        "[x]"
    ],
    "todo-tree.filtering.excludeGlobs": [
        "**/node_modules",
        "*.xml",
        "*.XML"
    ],
    "todo-tree.highlights.customHighlight": {
        //图标地址--- https://microsoft.github.io/vscode-codicons/dist/codicon.html
        "todo": { //todo    需要做的功能
            "icon": "alert", //标签样式
            "foreground": "#000000d7",
            "background": "#FF8C00", //背景色
            "rulerColour": "#FF8C00", //外框颜色
            "iconColour": "#FF8C00", //标签颜色
        },
        "bug": { //bug      必须要修复的BUG  
            "icon": "bug",
            "foreground": "#f3e7e7d0",
            "background": "#FF2D00",
            "rulerColour": "#FF2D00",
            "iconColour": "#FF2D00",
        },
        "tag": { //tag      标签
            "icon": "tag",
            "background": "#38b2f4",
            "rulerColour": "#38b2f4",
            "iconColour": "#38b2f4",
            "rulerLane": "full",
        },
        "done": { //done        已完成
            "icon": "verified",
            "foreground": "#000000d7",
            "background": "#5eec95",
            "rulerColour": "#5eec95",
            "iconColour": "#5eec95",
        },
        "mark": { //mark        标记一下
            "icon": "bookmark",
            "foreground": "#000000",
            "background": "#06dbd1",
            "rulerColour": "#06dbd1",
            "iconColour": "#06dbd1",
        },
        "test": { //test        测试代码
            "icon": "beaker",
            "foreground": "#000000d7",
            "background": "#e207f1",
            "rulerColour": "#e207f1",
            "iconColour": "#e207f1",
        },
        "update": { //update    优化升级点
            "icon": "versions",
            "foreground": "#0a3a03d0",
            "background": "#2cf105",
            "rulerColour": "#2cf105",
            "iconColour": "#2cf105",
        },
        "[ ]": {
            "type": "tag",
            "gutterIcon": true,
            "foreground": "#fff",
            "background": "#ff000080"
        },
        "[x]": {
            "type": "tag",
            "gutterIcon": true,
            "foreground": "#fff",
            "background": "#00ff0080"
        }
    },
    //------------------------------Better-Comments 配置----------------------------------
    "better-comments.tags": [
        {
            "tag": "!",
            "color": "#FF2D00",
            "strikethrough": false,
            "underline": false,
            "backgroundColor": "transparent",
            "bold": false,
            "italic": false
        },
        {
            "tag": "?",
            "color": "#3498DB",
            "strikethrough": false,
            "underline": false,
            "backgroundColor": "transparent",
            "bold": false,
            "italic": false
        },
        {
            "tag": "//",
            "color": "#474747",
            "strikethrough": true,
            "underline": false,
            "backgroundColor": "transparent",
            "bold": false,
            "italic": false
        },
        {
            "tag": "*",
            "color": "#98C379",
            "strikethrough": false,
            "underline": false,
            "backgroundColor": "transparent",
            "bold": false,
            "italic": false
        },
        {
            "tag": "todo",
            "color": "#FF8C00",
            "strikethrough": false,
            "underline": false,
            "backgroundColor": "transparent",
            "bold": false,
            "italic": false
        },
        {
            "tag": "bug",
            "color": "#FF2D00",
            "strikethrough": false,
            "underline": false,
            "backgroundColor": "transparent",
            "bold": false,
            "italic": false
        },
        {
            "tag": "tag",
            "color": "#38b2f4",
            "strikethrough": false,
            "underline": false,
            "backgroundColor": "transparent",
            "bold": false,
            "italic": false
        },
        {
            "tag": "done",
            "color": "#5eec95",
            "strikethrough": false,
            "underline": false,
            "backgroundColor": "transparent",
            "bold": false,
            "italic": false
        },
        {
            "tag": "mark",
            "color": "#06dbd1",
            "strikethrough": false,
            "underline": false,
            "backgroundColor": "transparent",
            "bold": false,
            "italic": false
        },
        {
            "tag": "test",
            "color": "#e207f1",
            "strikethrough": false,
            "underline": false,
            "backgroundColor": "transparent",
            "bold": false,
            "italic": false
        },
        {
            "tag": "update",
            "color": "#2cf105",
            "strikethrough": false,
            "underline": false,
            "backgroundColor": "transparent",
            "bold": false,
            "italic": false
        }
    ],
    //------------------------------indent-rainbow 配置----------------------------------
    // 对于哪些语言，应激活 indent-rainbow（如果为空，则表示全部）。
    "indentRainbow.includedLanguages": [
        "python"
    ],
    // 对于哪些语言，应停用 indent-rainbow（如果为空，则表示无）。
    // "indentRainbow.excludedLanguages": [
    //     "c"
    // ],
    // 使用模式
    "indentRainbow.indicatorStyle": "classic",
    // 我们使用一条简单的 1 像素宽线
    "indentRainbow.lightIndicatorStyleLineWidth": 1,
    // 编辑器更新之前的延迟（以毫秒为单位）。
    "indentRainbow.updateDelay": 200, // 10 使其速度超快，但可能会花费更多资源
    // 颜色与上述相同，但更明显
    "indentRainbow.colors": [
        "rgba(255,255,64,0.08)",
        "rgba(255,127,255,0.08)",
        "rgba(79,236,236,0.08)",
        // "rgba(127,255,127,0.1)",
    ],
    // "indentRainbow.errorColor": "rgba(128,32,32,0.5)",
    "indentRainbow.tabmixColor": "rgba(128,32,96,0.5)",
    //------------------------------koroFileHeader配置----------------------------------
    "fileheader.customMade": {
        "Author": "xpz shilele_8305@qq.com", // 改成你的名字
        "Date": "", // 文件创建时间
        "LastEditors": "", // 文件最后编辑者
        "LastEditTime": "", // 文件最后编辑时间
        "Description": "描述",
    },
    "fileheader.cursorMode": {},
    "fileheader.configObj": {
        "createFileTime": true,
        "language": {
            "languagetest": {
                "head": "/$$",
                "middle": " $ @",
                "end": " $/",
                "functionSymbol": {
                    "head": "/** ",
                    "middle": " * @",
                    "end": " */"
                },
                "functionParams": "js"
            }
        },
        "autoAdd": true,
        "autoAddLine": 100,
        "autoAlready": true,
        "annotationStr": {
            "head": "/*",
            "middle": " * @",
            "end": " */",
            "use": false
        },
        "headInsertLine": {
            "php": 2,
            "sh": 2
        },
        "beforeAnnotation": {
            "文件前缀": "该文件前缀的头部注释之前添加某些内容"
        },
        "afterAnnotation": {
            "文件后缀": "该文件后缀的头部注释之后添加某些内容"
        },
        "specialOptions": {
            "特殊字段": "自定义比如LastEditTime/LastEditors"
        },
        "switch": {
            "newlineAddAnnotation": true
        },
        "supportAutoLanguage": [],
        "prohibitAutoAdd": [
            "json"
        ],
        "folderBlacklist": [
            "node_modules",
            "文件夹禁止自动添加头部注释"
        ],
        "prohibitItemAutoAdd": [
            "项目的全称, 整个项目禁止自动添加头部注释, 可以使用快捷键添加"
        ],
        "moveCursor": true,
        "dateFormat": "YYYY-MM-DD HH:mm:ss",
        "atSymbol": [
            "@",
            "@"
        ],
        "atSymbolObj": {
            "文件后缀": [
                "头部注释@符号",
                "函数注释@符号"
            ]
        },
        "colon": [
            ": ",
            ": "
        ],
        "colonObj": {
            "文件后缀": [
                "头部注释冒号",
                "函数注释冒号"
            ]
        },
        "filePathColon": "路径分隔符替换",
        "showErrorMessage": false,
        "writeLog": false,
        "wideSame": false, // 设置为true开启
        "wideNum": 13, // 字段长度 默认为13
        "functionWideNum": 0,
        "CheckFileChange": false, // 检查文件修改 - 默认关闭
        "createHeader": true, // 创建文件自动添加注释
        "useWorker": false,
        "designAddHead": false,
        "headDesignName": "random",
        "headDesign": false,
        "cursorModeInternalAll": {},
        "openFunctionParamsCheck": true,
        "functionParamsShape": [
            "{",
            "}"
        ],
        "functionBlankSpaceAll": {},
        "functionTypeSymbol": "*",
        "typeParamOrder": "type param",
        "customHasHeadEnd": {},
        "throttleTime": 60000,
        "functionParamAddStr": "",
        "NoMatchParams": "no show param"
    },
    //------------------------------shellscript & shellcheck 配置----------------------------------
    "[shellscript]": {
        "editor.defaultFormatter": "foxundermoon.shell-format"
    },
    "shellcheck.enable": true,
    "shellcheck.enableQuickFix": true,
    "shellcheck.run": "onType",
    "shellcheck.exclude": [],
    "shellcheck.customArgs": [],
    "shellcheck.ignorePatterns": {
        "**/*.csh": true,
        "**/*.cshrc": true,
        "**/*.fish": true,
        "**/*.login": true,
        "**/*.logout": true,
        "**/*.tcsh": true,
        "**/*.tcshrc": true,
        "**/*.xonshrc": true,
        "**/*.xsh": true,
        "**/*.zsh": true,
        "**/*.zshrc": true,
        "**/zshrc": true,
        "**/*.zprofile": true,
        "**/zprofile": true,
        "**/*.zlogin": true,
        "**/zlogin": true,
        "**/*.zlogout": true,
        "**/zlogout": true,
        "**/*.zshenv": true,
        "**/zshenv": true,
        "**/*.zsh-theme": true
    },
    "shellcheck.ignoreFileSchemes": [
        "git",
        "gitfs",
        "output"
    ],
    "[jsonc]": {
        "editor.defaultFormatter": "vscode.json-language-features"
    },
    // "shellformat.path": "D:\\Plugin\\shfmt.exe",
    "shellformat.path": "/home/linux/shfmt/shfmt_v3.7.0_linux_amd64",
    "shellformat.flag": "-i=4 -sr -kp -ci",
    //------------------------------python 相关 配置----------------------------------
    "[python]": { //目前生效版本 v2021.8.1159798656
        "editor.formatOnSaveMode": "file",
        "editor.formatOnType": false,
        "editor.formatOnSave": true,
        "editor.defaultFormatter": "ms-python.python",
    },
    "python.formatting.provider": "yapf",
    "python.formatting.yapfArgs": [
        "--style=pep8", //格式化风格，PEP 8是Python社区推荐的Python代码风格指南
        "{column_limit: 120}", //每行代码的最大长度，多出的就会换行
        "{indent_width: 4}", //设置缩进使用4个空格   
        "{align_closing_bracket_with_visual_indent:true}", //是否将闭括号与视觉缩进对齐
        "{allow_split_before_dict_value:true}", //在字典值前是否允许换行
        "{continuation_indent_width:4}", //续行时使用的缩进宽度
        // "{split_arguments_when_comma_terminated:true}",          //在逗号结尾时是否换行
        // "{split_before_expression_after_opening_paren:true}",    //在左括号后是否换行
    ],
    "yapf.path": [
        "/home/linux/.local/lib/python3.8/site-packages/yapf"
    ],
    "notebook.formatOnCellExecution": true,
    "python.languageServer": "Pylance",
     //------------------------------flake8 配置----------------------------------
    "python.linting.flake8Enabled": true,
    "python.linting.pylintEnabled": false,
    "python.linting.lintOnSave": true,
    "python.linting.flake8Args": [
        "--max-line-length=120",
        "--extend-ignore=E302,W391,W293,W292,W291,W191,", //E231,E203,E117,E225,E228,E305,
        "--exclude=venv", //排除的目录或文件
        "--ignore-local-config" //忽略本地配置文件
    ],
    "flake8.path": [ //配置你插件安装的位置
        "~/.local/lib/python3.8/site-packages",
        "-m",
        "flake8"
    ],
    "python.autoComplete.addBrackets": true,
    "python.analysis.completeFunctionParens": true,
    "python.analysis.autoImportCompletions": true,
    "python.autoComplete.extraPaths": [
       // 配置你插件安装的位置
    ],
    "python.analysis.extraPaths": [
       // 配置你插件安装的位置
    ],
    //------------------------------json 相关 配置----------------------------------
    "[json]": {
        "editor.defaultFormatter": "vscode.json-language-features"
    },
    "extensions.autoUpdate": false,
    "extensions.autoCheckUpdates": false,
    "C_Cpp.codeAnalysis.clangTidy.codeAction.showDisable": false,
    "C_Cpp.autocompleteAddParentheses": true,
    "update.mode": "none",
    "markdown.updateLinksOnFileMove.enabled": "always",
    "update.enableWindowsBackgroundUpdates": false,
    "clangd.detectExtensionConflicts": false,
    "editor.fontSize": 15,
    "files.autoSave": "onWindowChange",
}

vscode 插件多终端自动同步
如何多终端同步vscode插件? 在不同的电脑上,同步插件配置如果你在家里配置好了各种好用的拓展插件但是到了新的...
⚔️图形化正则（reg）表达式
推荐一款好用的VSCode 插件 RegExp Preview 编写一个日期匹配正则插件显示图形效果image...
vue-element-admin
vscode 插件和配置推荐[https://github.com/varHarrie/Dawn-Blossoms...
linux之下 vscode 配置 pyside6
安装pyside6 安装vscode 在vscode中安装Qt for Python插件配置插件按下图找到插件小...
VsCode Go插件配置最佳实践指南
VsCode Go插件配置最佳实践指南 VsCode Go插件工作原理 VsCode Go的正确安装方式 VsCo...
文件头部注释插件koroFileHeader.md
一、安装vscode插件 koroFileHeader 二、配置插件找到配置文件设置 =》 settings =...
Vue开发总结及一些最佳实践（已更新）
基本开发环境 vue-cli3 创建的项目，vscode 作为代码编写工具vscode插件推荐：vscode 插件...
2021-11-03
vscode版本1.61.2插件和配置，插件：BeautifyBookmarksBracket Pair Colo...
Visual Studio Code如何连接远程服务器？
vscode + sftp 插件，实现远程连接编辑服务器代码. vscode 安装 sftp插件创建sftp配置...
根据 eslint 的配置自动格式化并保存
设置 vscode 安装插件配置 js