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. CLR内部异常(中)

    不捕捉某一个异常 常常有这种情况,代码不需要捕捉异常,但需要执行一些清理或者修正操作.虽然不总是,支持物(holders)经常用在这种场景里.在支持物(holders)不适用的情况里,CLR提供了两个 ...

  2. Python 06 Geany的基本使用2

    原文:https://www.cnblogs.com/denny402/p/5096001.html 功能:打开图片 1.下载库 pip install matplotlib 2.编写代码,将代码粘贴 ...

  3. 2016级移动应用开发在线测试13-Location、Sensor & Network

    有趣有内涵的文章第一时间送达! 喝酒I创作I分享 生活中总有些东西值得分享 @醉翁猫咪  1. 充分利用智能手机的GPS定位信息,创造了O2O的商业模式,打通了线上与线下的信息流和商流,极大地推动了移 ...

  4. 在Modelsim波形窗口复制信号

    可以通过张贴复制变量名在Modelsim波形窗口复制信号.

  5. 微众银行Java面试-社招-一面（2019/07）

    个人情况 2017年毕业,普通本科,计算机科学与技术专业,毕业后在一个二三线小城市从事Java开发,2年Java开发经验.做过分布式开发,没有高并发的处理经验,平时做To G的项目居多.写下面经是希望 ...

  6. SSM项目实战 之 权限管理系统

    目录 SSM权限管理系统 项目搭建 1.创建Maven-webapp工程 2.SSM框架集成 3.添加代码生成器 主页搭建 EasyUI主页 员工列表 1.在tree当中指定跳转的地址--暂时用tre ...

  7. Redis配置讲解及实战

    前言 Redis是一个开源的内存k-v数据库,同时也可用作缓存,消息队列.支持多种数据类型,如字符串,列表,字典,集合,有序集合. 演示环境 $ uname -a Darwin Darwin Kern ...

  8. mysql索引原理及优化（四）

    聚簇索引和非聚簇索引 分析了MySQL的索引结构的实现原理,然后我们来看看具体的存储引擎怎么实现索引结构的,MySQL中最常见的两种存储引擎分别是MyISAM和InnoDB,分别实现了非聚簇索引和聚簇 ...

  9. Python面向对象编程核心思想

    原文地址https://blog.csdn.net/weixin_42134789/article/details/80194788 https://blog.csdn.net/happyjxt/ar ...

  10. java excel给单元格增加批注(包含SXSSF)

    package javatest; import java.io.FileOutputStream; import java.io.IOException; import org.apache.poi ...