zoukankan      html  css  js  c++  java
  • vscode和插件配置

    插件列表:

    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
    }
  • 相关阅读:
    在Win10中通过命令行打开UWP应用
    前端学习Docker
    Puppeteer的使用
    taro教程
    22种开源Vue模板和主题框架「干货」
    36种免费React模板和主题「干货」
    移动端1px显示异常解决方案
    前端性能优化(二)
    Vue.set()和this.$set()源码解析
    2018年8月7日 乐视2 X621 刷机包下载链接
  • 原文地址:https://www.cnblogs.com/gongkiro/p/14956616.html
Copyright © 2011-2022 走看看