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

 更新时间:2020年08月27日 08:57:43   作者:雪藏琉璃峰  
这篇文章主要介绍了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插件安装后配置内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • Mac M1安装Homebrew的方法步骤

    Mac M1安装Homebrew的方法步骤

    这篇文章主要介绍了Mac M1安装Homebrew的方法步骤,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2021-03-03
  • TortoiseGit的安装与配置教程

    TortoiseGit的安装与配置教程

    TortoiseGit是一个开放的GIT版本控制系统的源客户端,TortoiseGit 可以恢复您的文件的旧版本,并研究如何以及合适改变了历史数据,谁改变了它。下面教程针对使用TortoiseGit 的用户,感兴趣的朋友跟随小编一起看看吧
    2021-11-11
  • Git如何实现撤销提交(命令行+IDEA)

    Git如何实现撤销提交(命令行+IDEA)

    这篇文章主要介绍了Git如何实现撤销提交(命令行+IDEA)问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2023-12-12
  • 高性能WEB开发 图片压缩篇

    高性能WEB开发 图片压缩篇

    高性能WEB开发 图片篇,图片在一定的程度上,影响着页面的加载速度。
    2010-05-05
  • 手把手教你用Hexo+Github搭建属于自己的博客(详细图文)

    手把手教你用Hexo+Github搭建属于自己的博客(详细图文)

    越来越多的朋友选择自己架设自己的博客,以来方便个性样式二来也能带来不少收入,大部分朋友都会选择wordpress搭建个人博客,这里为大家分享使用Hexo+Github搭建开发者博客的方法,需要的朋友可以参考下
    2017-10-10
  • Web 设计与开发者必须知道的 15 个站点

    Web 设计与开发者必须知道的 15 个站点

    今天读到一篇文章,介绍了15个对 Web 设计与开发师极端有用的站点,里面有不少也是我们一直在使用的,也许对很多人都有用,翻译出来以饷同仁。
    2009-08-08
  • Git报错error:pathspec‘XXX‘did not match any file(s) known to git问题及解决过程

    Git报错error:pathspec‘XXX‘did not match any&nbs

    这篇文章主要介绍了Git报错error:pathspec‘XXX‘did not match any file(s) known to git问题及解决过程,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2025-04-04
  • 使用Git工具实现上传本地项目到GitHub的方法

    使用Git工具实现上传本地项目到GitHub的方法

    这篇文章主要介绍了使用Git工具实现上传本地项目到GitHub的方法,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-10-10
  • git clone 子模块没下载全的问题解决

    git clone 子模块没下载全的问题解决

    这篇文章主要介绍了git clone 子模块没下载全的问题解决,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-08-08
  • 算法系列15天速成 第六天 五大经典查找【下】

    算法系列15天速成 第六天 五大经典查找【下】

    大家是否感觉到,树在数据结构中大行其道,什么领域都要沾一沾,碰一碰
    2013-11-11

最新评论