vscode 的基本设置

常用设置

  1. VSCode设置中文语言显示:
    使用快捷键组合【Ctrl+Shift+p】,搜索框中输入“configure display language”,回车后选择“zh-cn”即可。

在这里插入图片描述

2.关闭右侧预览功能
看个人习惯了,我感觉右边预览平时很少用的到,而且又占地方,索性直接关闭得了。
点击文件-首选项-设置,搜索"editor.minimap.enabled",默认值为打钩,把钩去掉即可
在这里插入图片描述

3.文件自动保存
点击文件-首选项-设置 : Auto Save (里面的第一项)选择onFocusChange选项即可
在这里插入图片描述

4.格式化代码 文件–>首选项–>设置–>setting.json,这个里面的设置是以前粘贴别人的改吧改吧后的,

{
    // 是否允许自定义的snippet片段提示
    "editor.snippetSuggestions": "top",
    "editor.fontSize": 18,
    "editor.fontWeight": "400",
    "editor.formatOnType": true,
    "guides.enabled": false,
    "editor.tabSize": 2,
    "git.confirmSync": false,
    "window.zoomLevel": 0,
    "editor.renderWhitespace": "boundary",
    "editor.cursorBlinking": "smooth",
    "editor.minimap.enabled": false,
    "editor.minimap.renderCharacters": false,
    "window.title": "${dirty}${activeEditorMedium}${separator}${rootName}",
    "editor.codeLens": true,
    // 配置文件关联,以便启用对应的提示
    "files.associations": {
      "*.vue": "vue",
      ".js": "html",
      "*.wxss": "css",
      "*.cjson": "jsonc",
      "*.wxs": "javascript"
    },
    // 配置emmet是否启用tab展开缩写
    "emmet.triggerExpansionOnTab": true,
    // 配置emmet对文件类型的支持
    "emmet.syntaxProfiles": {
      "javascript": "jsx",
      "vue": "html",
      "vue-html": "html"
    },
    // 是否开启eslint检测
    "eslint.enable": true,
    // 文件保存时是否根据eslint进行格式化
    "eslint.autoFixOnSave": true,
    // eslint配置文件
    "eslint.options": {
      "extensions": [".js", ".vue"]
    },
    // eslint能够识别的文件后缀类型
    "eslint.validate": [
      "javascript",
      "javascriptreact",
      {
        "language": "vue",
        "autoFix": true
      },
      {
        "language": "html",
        "autoFix": true
      },
      "vue",
      "html"
    ],
    "search.exclude": {
      "**/node_modules": true,
      "**/bower_components": true,
      "**/dist": true
    },
    "vetur.format.defaultFormatter.html": "prettier",
    // 格式化快捷键(默认):Shift+Alt+F
    // prettier进行格式化时,开启eslint支持
    "prettier.eslintIntegration": true,
    // 是否使用单引号
    "prettier.singleQuote": true,
    "dart.flutterSdkPath": "/Applications/flutter",
    "[javascript]": {
      "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "git.autofetch": true,
    "[vue]": {
      "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "files.autoSave": "onFocusChange",
    "[json]": {


      "editor.quickSuggestions": {
        "strings": true
      },
      "editor.suggest.insertMode": "replace",
      "gitlens.codeLens.scopes": [
        "document"
      ]
    }
  }

还有好多设置就不一一列举了,文件–>首选项–>设置里面可以更具自己的喜好去设置主题啊,光标啊,好多好多。。。

  • 3
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值