Visual Studio Code 個人配置備份

2020/02/18, Visual Studio Code

摘要：Visual Studio Code 個人配置備份和插件備份

效果：

設置

打開VSCode設置，在標簽頁右上角以JSON文件方式打開，直接編輯JSON配置，粘貼覆蓋以下內容：

{
    "workbench.colorTheme": "Dracula",
    "workbench.startupEditor": "newUntitledFile",
    "workbench.iconTheme": "vscode-icons",
    "editor.formatOnSave": true,
    "editor.formatOnType": true,
    "editor.minimap.enabled": false,
    "editor.fontFamily": "'Sarasa Mono SC', Consolas,'Microsoft YaHei UI'",
    "editor.fontLigatures": true,
    "explorer.confirmDelete": false,
    "[javascript]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[json]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[jsonc]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "editor.quickSuggestions": {
        "strings": true
    },
    "vsicons.dontShowNewVersionMessage": true,
    "editor.fontSize": 18,
    "terminal.integrated.shell.windows": "C:\\Windows\\System32\\WindowsPowerShell\\v1.0\\powershell.exe",
    "terminal.integrated.rendererType": "dom",
    "workbench.sideBar.location": "right"
}

字體是Sarasa Mono SC，即等距更紗黑體
自定義js、json等文件的格式化插件為prettier（需要安裝這個插件）
終端美化：《使用oh-my-posh美化powershell》

插件備份

顏色主題

名稱: Dracula Official
說明: Official Dracula Theme. A dark theme for many editors, shells, and more.

圖標主題

名稱: vscode-icons
說明: Icons for Visual Studio Code

HTML

名稱: Auto Close Tag
說明: Automatically add HTML/XML close tag, same as Visual Studio IDE or Sublime Text

名稱: Auto Rename Tag
說明: Auto rename paired HTML/XML tag

JS

名稱: JavaScript (ES6) code snippets
說明: Code snippets for JavaScript in ES6 syntax

名稱: ESLint
說明: Integrates ESLint JavaScript into VS Code.

名稱: Turbo Console Log
說明: Automating the process of writing meaningful log messages. 快速生成console.log

名稱: Bracket Pair Colorizer
說明: 彩色的括號匹配

VUE

名稱: Vetur
說明: Vue tooling for VS Code

名稱: Vue VSCode Snippets
說明: Snippets that will supercharge your Vue workflow

名稱: vscode-element-helper
說明: A vscode extension for Element-UI

CSharp

名稱: C#
說明: C# for Visual Studio Code (powered by OmniSharp).

名稱: C# Extensions
說明: C# IDE Extensions for VSCode

名稱: Auto-Using for C#
說明: Provides intellisense for and imports references from all available sources.

名稱: vscode-solution-explorer
說明: Visual Studio .sln file explorer for Visual Studio Code

格式化

名稱: Prettier - Code formatter
說明: Code formatter using prettier

正則表達式

名稱: any-rule
說明: 你要的"正則"都在這!

VIM

名稱: Vim
說明: Vim emulation for Visual Studio Code

編輯器美化

名稱: background-cover
說明: Add a picture you like to cover the entire vscode..
作者: 滿豬小星小豬滿
給vscode添加背景圖，可以自己選擇圖片、目錄，效果如下：