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. WinDbg的环境变量

    有很多的环境变量,主要分为常规环境变量和内核模式环境变量.下面分别列出. 常规环境变量 下表列出了可在用户模式和内核模式调试的环境变量. 变量 含义 _NT_DEBUGGER_EXTENSION_PA ...

  2. Xamarin安装及调试

    Xamarin介绍 Xamarin是一个跨平台的开发框架(工具集),创始于2011年,旨在使移动开发变得难以置信地迅捷和简单,它是跨平台的,它允许开发人员有效创建可跨 iOS.Android.Wind ...

  3. linux常用命名汇总：自用，持续更新

    1.查看磁盘空间大小 df -hl 查看磁盘剩余空间 df -h 查看每个根路径的分区大小 du -sh [目录名] 返回该目录的大小 du -sm [文件夹] 返回该文件夹总M数 du -h [目录 ...

  4. CF830E Perpetual Motion Machine

    题面 题解 神仙构造题. 分五种情况考虑: 如果存在一个环,那么令环上的点权值为\(1\),其余点权值为\(0\). 如果存在一个度数大于\(3\)的点,令这个点的权值为\(2\),和它相邻的点权值为 ...

  5. tf.matmul()报错expected scalar type Float but found Double

    tf.matmul(a,b)将矩阵a乘以矩阵b,生成a * b,这里的a,b要有相同的数据类型,否则会因为数据类型不匹配而出错. 如果出错,请看是前后分别是什么类型的,然后把数据类型进行转换.

  6. debian10使用国内源安装docker以及一些使用方法

    首先, 我的环境是debian, 容器是centos debian 安装添加新存储库所需的依赖项 1 sudo apt install ca-certificates curl software-pr ...

  7. hadoop大作业

    1.数据准备 2.把CSV添加到/bigdatacase/dataset中 3.检查前5行并删除第一行 4.将csv文件导入hadoop并检查前10行数据情况 5.数据文件导入hive 6.在Hive ...

  8. 善用mysql中的FROM_UNIXTIME()函数和UNIX_TIMESTAMP()函数

    我们经常会面临要从数据库里判断时间,取出特定日期的查询.但是数据库里储存的都是unix时间戳,处理起来并不是特别友好.幸而MYSQL提供了几个处理时间戳的函数,可以帮助我们在查询的时候,就将时间戳格式 ...

  9. python基于redis实现分布式锁

    阅读目录 什么事分布式锁 基于redis实现分布式锁 一.什么是分布式锁 我们在开发应用的时候,如果需要对某一个共享变量进行多线程同步访问的时候,可以使用我们学到的锁进行处理,并且可以完美的运行,毫无 ...

  10. 分类的性能评估：准确率、精确率、Recall召回率、F1、F2

    import numpy as np import pandas as pd from sklearn.feature_extraction.text import TfidfVectorizer f ...