VSCode 配置

先安装 Settings Sync 插件，然后点击“download from github”之类的一个链接，弹出一个输入框，输入 a5922d436b82dd8891a0e14cae0bbb15 可以下载我个人的所有设置。我会不定期更新最新设置到上面。

1. Plugins

以下排名不分先后：

  • Angular Snippets
  • Auto Close Tag
  • Auto Rename Tag
  • Beautify
  • Bookmarks
  • Bracket Pair Colorizer
  • Chinese (Simplified) Language Pack for Visual Studio Code
  • Color Info
  • CSS Peek
  • CSScomb
  • Debugger for Chrome
  • Document This
  • EditorConfig for VS Code
  • Git history
  • GitLens -- Git supercharged
  • HTML CSS Support
  • Live Server
  • Material Icon Theme
  • open in browser
  • Path Autocomplete
  • Path Intellisense
  • Regex Previewer
  • Sass
  • TODO Highlight
  • Todo Tree
  • TSLint
  • Vetur
  • Vue 2 Snippets
  • Vue Peek
  • ES7 React/Redux/GraphQL/React-Native snippets
  • Prettier - Code formatter

2. Settings

有特别注意的以下几个设置：

  • 设置换行为 LF： files.eol。
  • 设置行最大长度参考线。
  • 设置 csscomb 规则；如果需要保存即自动格式化： "csscomb.formatOnSave": true,，否则通过shift+p调用命令。

以下是全部 settings.json：

{

    "window.zoomLevel": 0,

    "workbench.iconTheme": "material-icon-theme",

    "workbench.startupEditor": "newUntitledFile",

    "liveServer.settings.donotShowInfoMsg": true,

    "terminal.integrated.shell.windows": "C:\\Windows\\System32\\cmd.exe",

    "editor.fontSize": 18,

    "editor.rulers": [

        120

    ],

    "editor.wordSeparators": "`~!@#$%^&*()=+[{]}\\|;:'\",.<>/?",

    "editor.detectIndentation": false,

    "editor.renderControlCharacters": true,

    "editor.renderWhitespace": "all",

    "emmet.triggerExpansionOnTab":true,

    "files.autoSave": "afterDelay",

    "files.autoSaveDelay": 60000,

    "files.eol": "\n",

    "csscomb.formatOnSave": false,

    "csscomb.ignoreFilesOnSave": [],

    "csscomb.preset": {

        "remove-empty-rulesets": true,

        "always-semicolon": true,

        "color-case": "upper",

        "block-indent": "    ",

        "color-shorthand": true,

        "element-case": "lower",

        "eof-newline": true,

        "leading-zero": false,

        "quotes": "double",

        "sort-order-fallback": "abc",

        "space-before-colon": "",

        "space-after-colon": " ",

        "space-before-combinator": " ",

        "space-after-combinator": " ",

        "space-between-declarations": "\n",

        "space-before-opening-brace": " ",

        "space-after-opening-brace": "\n",

        "space-after-selector-delimiter": " ",

        "space-before-selector-delimiter": "",

        "space-before-closing-brace": "\n",

        "tab-size": 4,

        "unitless-zero": true,

        "vendor-prefix-align": true,

        "lines-between-rulesets": 1,

        "sort-order": [

            [

                "display",

                "visibility",

                "float",

                "clear",

                "overflow",

                "overflow-x",

                "overflow-y",

                "clip",

                "zoom"

            ],

            [

                "table-layout",

                "empty-cells",

                "caption-side",

                "border-spacing",

                "border-collapse",

                "list-style",

                "list-style-position",

                "list-style-type",

                "list-style-image"

            ],

            [

                "-webkit-box-orient",

                "-webkit-box-direction",

                "-webkit-box-decoration-break",

                "-webkit-box-pack",

                "-webkit-box-align",

                "-webkit-box-flex"

            ],

            [

                "position",

                "top",

                "right",

                "bottom",

                "left",

                "z-index"

            ],

            [

                "margin",

                "margin-top",

                "margin-right",

                "margin-bottom",

                "margin-left",

                "-webkit-box-sizing",

                "-moz-box-sizing",

                "box-sizing",

                "border",

                "border-width",

                "border-style",

                "border-color",

                "border-top",

                "border-top-width",

                "border-top-style",

                "border-top-color",

                "border-right",

                "border-right-width",

                "border-right-style",

                "border-right-color",

                "border-bottom",

                "border-bottom-width",

                "border-bottom-style",

                "border-bottom-color",

                "border-left",

                "border-left-width",

                "border-left-style",

                "border-left-color",

                "-webkit-border-radius",

                "-moz-border-radius",

                "border-radius",

                "-webkit-border-top-left-radius",

                "-moz-border-radius-topleft",

                "border-top-left-radius",

                "-webkit-border-top-right-radius",

                "-moz-border-radius-topright",

                "border-top-right-radius",

                "-webkit-border-bottom-right-radius",

                "-moz-border-radius-bottomright",

                "border-bottom-right-radius",

                "-webkit-border-bottom-left-radius",

                "-moz-border-radius-bottomleft",

                "border-bottom-left-radius",

                "-webkit-border-image",

                "-moz-border-image",

                "-o-border-image",

                "border-image",

                "-webkit-border-image-source",

                "-moz-border-image-source",

                "-o-border-image-source",

                "border-image-source",

                "-webkit-border-image-slice",

                "-moz-border-image-slice",

                "-o-border-image-slice",

                "border-image-slice",

                "-webkit-border-image-width",

                "-moz-border-image-width",

                "-o-border-image-width",

                "border-image-width",

                "-webkit-border-image-outset",

                "-moz-border-image-outset",

                "-o-border-image-outset",

                "border-image-outset",

                "-webkit-border-image-repeat",

                "-moz-border-image-repeat",

                "-o-border-image-repeat",

                "border-image-repeat",

                "padding",

                "padding-top",

                "padding-right",

                "padding-bottom",

                "padding-left",

                "width",

                "min-width",

                "max-width",

                "height",

                "min-height",

                "max-height"

            ],

            [

                "font",

                "font-family",

                "font-size",

                "font-weight",

                "font-style",

                "font-variant",

                "font-size-adjust",

                "font-stretch",

                "font-effect",

                "font-emphasize",

                "font-emphasize-position",

                "font-emphasize-style",

                "font-smooth",

                "line-height",

                "text-align",

                "-webkit-text-align-last",

                "-moz-text-align-last",

                "-ms-text-align-last",

                "text-align-last",

                "vertical-align",

                "white-space",

                "text-decoration",

                "text-emphasis",

                "text-emphasis-color",

                "text-emphasis-style",

                "text-emphasis-position",

                "text-indent",

                "-ms-text-justify",

                "text-justify",

                "letter-spacing",

                "word-spacing",

                "-ms-writing-mode",

                "text-outline",

                "text-transform",

                "text-wrap",

                "-ms-text-overflow",

                "text-overflow",

                "text-overflow-ellipsis",

                "text-overflow-mode",

                "-ms-word-wrap",

                "word-wrap",

                "-ms-word-break",

                "word-break"

            ],

            [

                "color",

                "background",

                "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader",

                "background-color",

                "background-image",

                "background-repeat",

                "background-attachment",

                "background-position",

                "-ms-background-position-x",

                "background-position-x",

                "-ms-background-position-y",

                "background-position-y",

                "-webkit-background-clip",

                "-moz-background-clip",

                "background-clip",

                "background-origin",

                "-webkit-background-size",

                "-moz-background-size",

                "-o-background-size",

                "background-size"

            ],

            [

                "outline",

                "outline-width",

                "outline-style",

                "outline-color",

                "outline-offset",

                "opacity",

                "filter:progid:DXImageTransform.Microsoft.Alpha(Opacity",

                "-ms-filter:\\'progid:DXImageTransform.Microsoft.Alpha",

                "-ms-interpolation-mode",

                "-webkit-box-shadow",

                "-moz-box-shadow",

                "box-shadow",

                "filter:progid:DXImageTransform.Microsoft.gradient",

                "-ms-filter:\\'progid:DXImageTransform.Microsoft.gradient",

                "text-shadow"

            ],

            [

                "-webkit-transition",

                "-moz-transition",

                "-ms-transition",

                "-o-transition",

                "transition",

                "-webkit-transition-delay",

                "-moz-transition-delay",

                "-ms-transition-delay",

                "-o-transition-delay",

                "transition-delay",

                "-webkit-transition-timing-function",

                "-moz-transition-timing-function",

                "-ms-transition-timing-function",

                "-o-transition-timing-function",

                "transition-timing-function",

                "-webkit-transition-duration",

                "-moz-transition-duration",

                "-ms-transition-duration",

                "-o-transition-duration",

                "transition-duration",

                "-webkit-transition-property",

                "-moz-transition-property",

                "-ms-transition-property",

                "-o-transition-property",

                "transition-property",

                "-webkit-transform",

                "-moz-transform",

                "-ms-transform",

                "-o-transform",

                "transform",

                "-webkit-transform-origin",

                "-moz-transform-origin",

                "-ms-transform-origin",

                "-o-transform-origin",

                "transform-origin",

                "-webkit-animation",

                "-moz-animation",

                "-ms-animation",

                "-o-animation",

                "animation",

                "-webkit-animation-name",

                "-moz-animation-name",

                "-ms-animation-name",

                "-o-animation-name",

                "animation-name",

                "-webkit-animation-duration",

                "-moz-animation-duration",

                "-ms-animation-duration",

                "-o-animation-duration",

                "animation-duration",

                "-webkit-animation-play-state",

                "-moz-animation-play-state",

                "-ms-animation-play-state",

                "-o-animation-play-state",

                "animation-play-state",

                "-webkit-animation-timing-function",

                "-moz-animation-timing-function",

                "-ms-animation-timing-function",

                "-o-animation-timing-function",

                "animation-timing-function",

                "-webkit-animation-delay",

                "-moz-animation-delay",

                "-ms-animation-delay",

                "-o-animation-delay",

                "animation-delay",

                "-webkit-animation-iteration-count",

                "-moz-animation-iteration-count",

                "-ms-animation-iteration-count",

                "-o-animation-iteration-count",

                "animation-iteration-count",

                "-webkit-animation-direction",

                "-moz-animation-direction",

                "-ms-animation-direction",

                "-o-animation-direction",

                "animation-direction"

            ],

            [

                "content",

                "quotes",

                "counter-reset",

                "counter-increment",

                "resize",

                "cursor",

                "-webkit-user-select",

                "-moz-user-select",

                "-ms-user-select",

                "user-select",

                "nav-index",

                "nav-up",

                "nav-right",

                "nav-down",

                "nav-left",

                "-moz-tab-size",

                "-o-tab-size",

                "tab-size",

                "-webkit-hyphens",

                "-moz-hyphens",

                "hyphens",

                "pointer-events"

            ]

        ]

    },

    "[json]": {

        "editor.defaultFormatter": "vscode.json-language-features"

    },

    "[jsonc]": {

        "editor.defaultFormatter": "vscode.json-language-features"

    },

    "[javascript]": {

        "editor.defaultFormatter": "vscode.typescript-language-features"

    },

    "[html]": {

        "editor.defaultFormatter": "vscode.html-language-features"

    }

}

我的 VSCode 配置的更多相关文章

  1. 二、vue之 使用vscode配置

    vue之 使用vscode配置 visual  studio code 简称vscode,下图为图标 ... 开启vscode ... 1.导入文件夹,选择菜单栏 文件-打开文件夹->选择相应已 ...

  2. VSCode配置Git随记

    VSCode配置Git随记 2018年05月29日 10:14:24 Dominic- 阅读数:4096   vscode中对git进行了集成,很多操作只需点击就能操作,无需写一些git指令. 不过这 ...

  3. VSCode配置python调试环境

    VSCode配置python调试环境 很久之前的一个东东,翻出来看看 VSCode配置python调试环境 * 1.下载python解释器 * 2.在VSCode市场中安装Python插件 * 4.在 ...

  4. Go(02)windows环境搭建和vscode配置

    之前讲述过linux环境下Go语言开发环境搭建,这次简述下windows的搭建以及vscode配置 windows环境搭建 同样去https://studygolang.com/dl下载windows ...

  5. VSCode配置简单的vue项目

    VSCode配置简单的vue项目 https://www.cnblogs.com/wnxyz8023/p/9989447.html 由于最近要使用的项目框架为前后端分离的,采用的是vue.js+web ...

  6. golang命令和VSCode配置

    Go是一门全新的静态类型开发语言,具有自动垃圾回收.丰富的内置类型.函数多返回值.错误处理.匿名函数.并发编程.反射等特性 golang常用命令: go env #查看go的环境 echo %GORO ...

  7. Win10下使用VSCode配置python运行环境

    VSCode配置python运行环境 安装python 到官网下载python,直接安装即可,在安装过程中可以选择将python加入环境变量 安装VSCode 官网下载,直接安装 配置 安装pytho ...

  8. VSCode配置JAVA开发环境

    VSCode配置JAVA开发环境 1:给机器安装JDK.MAVEN 下载JDK 下载路径:https://www.oracle.com/technetwork/java/javase/download ...

  9. VSCode配置c++环境简单教程

    VSCode配置c++环境简单教程 1.下载MinGW 安装有关gdb,gcc,g++的所有包 2.文件夹 打开一个文件夹 在里面随便写一个cpp 不管是VS还是VSCode,它的基本操作单位都是文件 ...

  10. VS Code + MinGW + Clang + OpenGL (vscode 配置 opengl环境)

    vscode配置opengl环境会遇到一些问题,这里是在看了一些博文之后给出的一篇完整的可行的配置 首先,要配置C++环境,网上有很多完整的配置C++环境的教程,这里就引用一条 https://www ...

随机推荐

  1. 改变Ubuntu命令行 用户名显示前缀

    改变Ubuntu命令行 用户名显示前缀 1.修改命令 [root@daokr ubuntu]#vim ~/.bashrc 修改第 56行 注释掉原来 # PS1='${debian_chroot:+( ...

  2. 自助法（Bootstraping）

    自助法(Bootstraping)是另一种模型验证(评估)的方法(之前已经介绍过单次验证和交叉验证:验证和交叉验证(Validation & Cross Validation)).其以自助采样 ...

  3. 【JZOJ6222】【20190617】可爱

    题目 给定一个长度为\(n\)的串,定义两个串匹配当且仅当两个串长度相同并且不同字符至多一个 对于每一个长度为\(m\)的子串输出和它匹配的子串个数 $1 \le n \le 10^5  ,  m \ ...

  4. Android入门教程（一）

    Android是什么? Android是基于Linux开发性内核的操作系统,该平台由操作系统,中间件,用户界面和应用软件组成.Android的基本信息:软件类型,APK,发行商:Google,最早版本 ...

  5. Time of Trial

    Time of Trial(思维) 题目大意:一个人想逃,一个人要阻止那个人逃跑 ,阻止者念每一个符咒的时间为b[i],逃跑者念每一个符咒的时间为a[i],逃跑者如果念完了第i个符咒,阻止者还没有念完 ...

  6. 关于Java正则和转义中\\和\\\\的理解

    定义 一个转义字符的目的是开始一个字符序列,使得转义字符开头的该字符序列具有不同于该字符序列单独出现时的语义. 转义就是指转换该字符的原本意义,从而变成另外的意义. \作为Java的转义字符 1.在j ...

  7. 【Tensorflow】tf.nn.depthwise_conv2d如何实现深度卷积?

    版权声明:本文为博主原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明. 本文链接:https://blog.csdn.net/mao_xiao_feng/article/ ...

  8. class文件格式版本号

    major version 52:jdk 8, major version 51:jdk 7, major version 50:jdk 6, major version 49:jdk 5, majo ...

  9. Spring的异步方法

    先把longTimeMethod 封装到Spring的异步方法中,这个异步方法的返回值是Future的实例.这个方法一定要写在Spring管理的类中,注意注解@Async. @Service publ ...

  10. 000 okhttp3的Get使用

    一:概述 1.说明 java与android都可以使用. 是网络请求的开源框架. square公司开发,用于替代HttpUrlConnection和Apache  HttpClient 2.优点 支持 ...