码迷,mamicode.com
首页 > 其他好文 > 详细

vscode和插件配置

时间:2021-07-01 16:41:12      阅读:0      评论:0      收藏:0      [点我收藏+]

标签:range   ges   icon   UNC   warning   err   相同   cond   行高   

插件列表:

code --install-extension abusaidm.html-snippets
code --install-extension akamud.vscode-javascript-snippet-pack
code --install-extension christian-kohler.path-intellisense
code --install-extension CoenraadS.bracket-pair-colorizer
code --install-extension dbaeumer.vscode-eslint
code --install-extension formulahendry.auto-rename-tag
code --install-extension hollowtree.vue-snippets
code --install-extension MS-CEINTL.vscode-language-pack-zh-hans
code --install-extension ms-python.anaconda-extension-pack
code --install-extension ms-python.python
code --install-extension ms-vscode.cpptools
code --install-extension nonoroazoro.syncing
code --install-extension octref.vetur
code --install-extension redhat.vscode-yaml
code --install-extension Shan.code-settings-sync
code --install-extension VisualStudioExptTeam.vscodeintellicode
code --install-extension vscode-icons-team.vscode-icons

 

settings.json

{
    "workbench.iconTheme": "vscode-icons",
    "git.ignoreWindowsGit27Warning": true,
    "workbench.colorTheme": "Solarized Light",
    "files.autoSave": "off",
    "editor.semanticTokenColorCustomizations": null,
    //设置用户选中代码段的颜色
    "workbench.colorCustomizations": {
        "editorBracketMatch.background": "#e41313", //匹配括号的背景色
        //"editorCursor.foreground": "#01cd78",//编辑器光标颜色
        "activityBar.background": "#000000", //活动栏背景色
        "activityBar.foreground": "#ffffff", //活动栏前景色,图标颜色
        //"editor.background":"#C7EDCC",//编辑器背景颜色
        "editor.findMatchBackground": "#9bcef0", //搜索项颜色
        // "editor.findMatchHighlightBackground":"#01cd78",//其他搜索项颜色
        // "editor.lineHighlightBackground":"#e4393c",//光标所在行高亮文本的背景颜色
        // "editor.selectionBackground": "#01cd78",//编辑器所选内容的颜色
        "editor.selectionHighlightBackground": "#9de28c", //与所选内容具有相同内容的区域颜色
        // "editor.rangeHighlightBackground": "#e4393c",//突出显示范围的背景颜色,例如 "Quick Open" 和“查找”功能
        //"editorGutter.background": "#01cd78",//编辑器导航线的背景色,导航线包括边缘符号和行号
        // "editorLineNumber.foreground": "#01cd78",//编辑器行号颜色
        // // "sideBar.background": "#01cd78",//侧边栏背景色
        // "sideBar.foreground": "#01cd78",//侧边栏前景色
        // "sideBarSectionHeader.background": "#01cd78",//侧边栏节标题的背景颜色
        // "statusBar.background": "#01cd78",//标准状态栏背景色
        // "statusBar.noFolderBackground": "#01cd78",//没有打开文件夹时状态栏的背景色
        // "statusBar.debuggingBackground": "#01cd78",//调试程序时状态栏的背景色
        "tab.activeBackground": "#0c41f2", //   活动选项卡的背景色
        "tab.activeForeground": "#ffffff", //   活动组中活动选项卡的前景色
        // "tab.inactiveBackground": "#01cd78",// 非活动选项卡的背景色
        // "tab.inactiveForeground": "#01cd78",// 活动组中非活动选项卡的前景色
        "terminal.foreground": "#000000", //终端字体颜色
    },
    // 函数名等颜色
    "editor.tokenColorCustomizations": {
        // "textMateRules": [
        //     {
        //         "scope":"",
        //         "settings": {
        //             "foreground": "#FF0000",
        //             "fontStyle": "bold"
        //         }
        //     }
        // ],//规则与样式
        "functions": "#e43980", //函数颜色
        "strings": "#847fb7", //字符串颜色
        "keywords": "#ff0000", //关键字颜色
        "types": "#c92020", //类型定义颜色
        "variables": "#26912d", //变量颜色
        "numbers": "#ff0000", //数字颜色
        "comments": "#706e6e", //注释颜色
    },
    "vim.useCtrlKeys": false,
    "editor.acceptSuggestionOnEnter": "smart",
    "editor.codeActionsOnSave": {
        "source.fixAll.eslint": true
    },
    "editor.suggestSelection": "first",
    "vsintellicode.modify.editor.suggestSelection": "automaticallyOverrodeDefaultValue",
    "extensions.autoUpdate": false,
    "extensions.autoCheckUpdates": false,
    "C_Cpp.clang_format_path": "C:\\Program Files\\LLVM\\bin\\clang-format.exe",
    //"C_Cpp.clang_format_path": "C:\\Program Files\\LLVM\\bin\\clang-format.exe",
    "[cpp]": {
        //"editor.defaultFormatter": "ms-vscode.cpptools",
        "editor.formatOnType": true,
        "editor.formatOnSave": true,
    },
    "vsicons.dontShowNewVersionMessage": true,
    "update.enableWindowsBackgroundUpdates": false,
    "files.associations": {
        "*.vue": "html"
    },
    "emmet.triggerExpansionOnTab": true,
    "emmet.includeLanguages": {
        "vue-html": "html",
        "vue": "html"
    },
    "editor.fontSize": 23,
    "window.zoomLevel": -1,
    // vscode默认启用了根据文件类型自动设置tabsize的选项
    "editor.detectIndentation": false,
    // 重新设定tabsize
    "[html]": {
        "editor.tabSize": 2,
    },
    "editor.tabSize": 4,
    // #每次保存的时候自动格式化
    "editor.formatOnSave": true,
    // #每次保存的时候将代码按eslint格式进行修复
    "eslint.autoFixOnSave": true,
    // 添加 vue 支持
    "eslint.validate": [
        "javascript",
        "javascriptreact",
        {
            "language": "vue",
            "autoFix": true
        }
    ],
    //  #让prettier使用eslint的代码格式进行校验
    "prettier.eslintIntegration": true,
    //  #去掉代码结尾的分号
    "prettier.semi": false,
    //  #使用带引号替代双引号
    "prettier.singleQuote": true,
    //  #让函数(名)和后面的括号之间加个空格
    "javascript.format.insertSpaceBeforeFunctionParenthesis": true,
    // #这个按用户自身习惯选择
    "vetur.format.defaultFormatter.html": "js-beautify-html",
    // #让vue中的js按编辑器自带的ts格式进行格式化
    "vetur.format.defaultFormatter.js": "vscode-typescript",
    "vetur.format.defaultFormatterOptions": {
        "js-beautify-html": {
            "wrap_attributes": "force-aligned"
            // #vue组件中html代码格式化样式
        }
    },
    "vscode_custom_css.policy": true,
    "search.exclude": {
        "/node_modules": true,
        "/dist": true,
    },
    "workbench.editor.wrapTabs": true
}

vscode和插件配置

标签:range   ges   icon   UNC   warning   err   相同   cond   行高   

原文地址:https://www.cnblogs.com/gongkiro/p/14956616.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!