• VScode编辑器个性化配置


    一、设置方法

    “文件” - > “首选项” -> "设置"

    二、字体大小和缩进

    "editor.tabSize": 2,
      "editor.fontSize": 18,//个人爱好
    

      
    三、设置代码显示风格

    “文件” - > “首选项” -> "颜色主题"

    快捷键:CTRL + K + T

    //个人选择的商店新装的主题

    四、编码区背景图片

    安装background插件,在“文件” - > “首选项” -> "设置"中加

    "background.enabled": true,
      "background.useDefault": false,
      "background.customImages": [
        "file:///E:/vscode/timg.jpg"//图片的地址
      ],
      "background.style": {
        "content": " ",
        "pointer-events": "none",
        "position": "absolute",
        "z-index": "99999",
        "width": "100%",
        "height": "100%",
        "background-position": "center",
        "background-repeat": "no-repeat",
        "background-size": "cover",
        "opacity": 0.1//透明度
    
      }
    

      
    五、自己格式化代码缩进
    安装插件beautify

    安装后在文件中使用快捷键:shift + alt + f,或者按下F1 选择Beautify file

    六、个人全部配置

    {
      "editor.tabSize": 2,
      "vetur.format.defaultFormatter.html": "prettier",
      "editor.fontSize": 18,
      "emmet.triggerExpansionOnTab": true,
      "window.zoomLevel": 0,
      "eslint.autoFixOnSave": true,
      "eslint.validate": [
        "javascript",
        "javascriptreact",
        {
          "language": "html",
          "autoFix": true
        },
        {
          "language": "vue",
          "autoFix": true
        }
      ],
      "workbench.colorTheme": "LaserWave",
      "background.enabled": true,
      "background.useDefault": false,
      "background.customImages": [
        "file:///E:/vscode/timg.jpg"
      ],
      "background.style": {
        "content": "''",
        "pointer-events": "none",
        "position": "absolute",
        "z-index": "99999",
        "width": "100%",
        "height": "100%",
        "background-position": "center",
        "background-repeat": "no-repeat",
        "background-size": "cover",
        "opacity": 0.2
    
      }
    }
    

      

  • 相关阅读:
    DS博客作业04--图
    DS博客作业03--树
    DS博客作业02--栈和队列
    DS01-线性表
    c博客06-结构体&文件
    C博客作业05--指针
    123
    面向对象设计大作业
    购物车
    有理数类的设计
  • 原文地址:https://www.cnblogs.com/detanx/p/VScodeCof.html
Copyright © 2020-2023  润新知