• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    VSCode插件安装完成后的配置详解

    VSCode插件安装完成后,有些插件如果你想要完整的使用其中的功能得在settings.json中就行配置,接下来是我常用的一些配置

    {
      "workbench.iconTheme": "vscode-icons",
      "window.zoomLevel": 0,
      "files.autoSave": "off",
      "eslint.runtime": "",
      "editor.codeActionsOnSave": {
        "source.fixAll.eslint": true
      },
      "eslint.codeAction.disableRuleComment": {},
      "eslint.codeAction.showDocumentation": {},
      "editor.formatOnSave": true,
      "vetur.completion.scaffoldSnippetSources": {},
      "vetur.format.defaultFormatter.html": "prettier",
      // 是否允许自定义的snippet片段提示
      "editor.snippetSuggestions": "top",
      "editor.fontSize": 14,
      "editor.fontWeight": "400",
      "editor.formatOnType": true,
      "guides.enabled": false,
      "editor.tabSize": 2,
      "git.confirmSync": false,
      "editor.renderWhitespace": "boundary",
      "editor.cursorBlinking": "smooth",
      "editor.minimap.enabled": true,
      "editor.minimap.renderCharacters": false,
      "window.title": "${dirty}${activeEditorMedium}${separator}${rootName}",
      "editor.codeLens": true,
      // 配置文件关联,以便启用对应的提示
      "files.associations": {
        "*.vue": "vue",
        "*.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.options": {
        "extensions": [
          ".js",
          ".vue"
        ]
      },
      "git.autofetch": true,
      "workbench.colorTheme": "One Dark Pro",
      "emmet.includeLanguages": {
        "wxml": "html"
      },
      "minapp-vscode.disableAutoConfig": true,
    }

    这个配置能够直接让你ctrl+/注释代码,不管是vue的还是html的;也能ctrl+s时使用eslint格式化代码;输入for,forEach,map等的自动完成代码等一系列的快捷操作

    到此这篇关于VSCode插件安装完成后的配置详解的文章就介绍到这了,更多相关VSCode插件安装后配置内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

    您可能感兴趣的文章:
    • VSCode的使用配置以及VSCode插件的安装教程详解
    • VSCode插件安装完成后的配置(常用配置)
    • Ubuntu 20.04 下安装配置 VScode 的 C/C++ 开发环境(图文教程)
    • go本地环境配置及vscode go插件安装的详细教程
    • 在Ubuntu中安装VSCode并配置C/C++开发环境的方法步骤
    • 完全卸载VSCode--解决卸载重新安装后还有原来配置的问题(图解)
    • Windows下安装VScode 并使用及中文配置方法
    上一篇:详解git使用小结(本地分支与远程分支、git命令)
    下一篇:vscode如何设置默认打开的浏览器为Chrome
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯 版权所有

    《增值电信业务经营许可证》 苏ICP备15040257号-8

    VSCode插件安装完成后的配置详解 VSCode,插件,安装,完成,后的,