让你的Visual Studio Code好用好看 （vscode主题 插件）

前言

最近学习爬虫中，pycharm打开有点慢，所以选择了vscode，用了月余，感觉也还蛮不错的，慢慢完善编辑器让自己用的更顺手，在提升效率的同时亦一种乐趣。虽然写博客费时费力，但本着互联网的分享精神，还是很想把这些分享出来。尤其是现在网上的帖子同质化太严重，你复制我的，我粘贴你的，往往还是老帖或者写的很笼统，对于小白来说很不友好。如果此贴能对大家有一丝一毫的帮助，多少也算得上是有那么一点点意义的。

---

效果图

---

详情

版本如下：

安装扩展

当我们刚刚安装完vscode的时候，软件是英文的，所以首先最重要的就是安装中文扩展包。其他的扩展包括主题的安装与此同理。

主题 + 字体

主题和扩展的安装方式一样，我用的是 One Dark theme，下载完后会提示你是否应用。除了颜色主题，vscode还可以更换文件图标主题，我的是 material icon theme。字体为 Monaco。打开设置后，直接搜索字体，再输入你想要改变的字体即可。
mac版自带，说是最好用的编程字体。确实看着蛮舒服的，Windows系统需要自己下载该字体，链接在此：http://www.xiazaiziti.com/250657.html。下载后为ttf文件，直接双击，再点安装就好。

实用扩展

• 帮你运行代码 Code Runner

• 帮你闭合标签 Auto Close Tag

• 帮你检查拼写 Code Spell Checker

• 帮你加注释 KoroFileHeader

• 帮你开浏览器 open in browser

• 帮你补全路径 path Intellisense

• 帮你代码提示 Visual Studio IntelliCode

• python必备 python

我写python这些够用了，只给了名字，建议大家自己去看看，选择合适自己的，再找找其他的，文档都很详细

---

用户设置 settings.json

vscode可以用json来配置基础设置和扩展的设置，按下ctrl+shift+p可打开命令面板，可以看到有后面括号中写着 ui 和 json 两种，一般我们不动默认配置，用户设置中的配置信息会覆盖掉默认设置。

{   // 通过字面意思几乎都能看懂的
    "workbench.colorTheme": "One Dark Pro",
    "python.pythonPath": "D:\\Python39\\python3.exe",
    "editor.codeActionsOnSave": null,
    "files.autoSave": "off",
    "code-runner.saveFileBeforeRun": true,  // 这个是 code runner插件提供的，运行前保存文件的效果，从eclipse转到vscode的人往往经常因为忘记ctrl+s就运行，结果总报错
    "debug.toolBarLocation": "docked",
    "update.mode": "manual",
    "workbench.iconTheme": "material-icon-theme",
    "fileheader.configObj": {    // 此为前文的一个扩展的配置 KoroFileHeader，默认生成的占了大部分

        "createFileTime": true,
        "language": {
            "languagetest": {
                "head": "/$$",
                "middle": " $ @",
                "end": " $/"
            }
        },
        "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"
        ],
        "prohibitItemAutoAdd": [
            "项目的全称, 整个项目禁止自动添加头部注释, 可以使用快捷键添加"
        ],
        "moveCursor": true,
        "dateFormat": "YYYY-MM-DD HH:mm:ss",
        "atSymbol": [
            "@",
            "@"
        ],
        "atSymbolObj": {
            "文件后缀": [
                "头部注释@符号",
                "函数注释@符号"
            ]
        },
        "colon": [
            ": ",
            ": "
        ],
        "colonObj": {
            "文件后缀": [
                "头部注释冒号",
                "函数注释冒号"
            ]
        },
        "filePathColon": "路径分隔符替换",
        "showErrorMessage": false,
        "wideSame": true,
        "wideNum": 13,
        "functionWideNum": 13,
        "CheckFileChange": false,
        "createHeader": true,
        "useWorker": false,
        "designAddHead": false,
        "headDesignName": "random",
        "headDesign": false,
        "cursorModeInternal": false
    },
    "fileheader.customMade": {
        "Author": "Lanausee",
        "Date": "Do not edit", // 文件创建时间(不变)
        "LastEditors": "Lanausee", // 文件最后编辑者
        "LastEditTime": "Do not edit", // 文件最后编辑时间
        "FilePath": "Do not edit", // 文件在项目中的相对路径 自动更新
        "Description":"......"
    },
    "editor.suggestSelection": "first",
    "vsintellicode.modify.editor.suggestSelection": "automaticallyOverrodeDefaultValue",
    "python.languageServer": "Microsoft",
    "workbench.editor.enablePreview": true,
    "editor.fontSize": 14,
    "editor.fontFamily": "Monaco,Consolas, 'Courier New', monospace",
    "oneDarkPro.editorTheme": "oneDarkPro"
}

---

结语

以后有新发现会再来更新此文章，尽量介绍详细。同时希望大家能多多尝试，找到适合自己的，并分享出来给更多的人看到。