# vscode

**Repository Path**: fenghao1987/vscode

## Basic Information

- **Project Name**: vscode
- **Description**: vscode配置
- **Primary Language**: 其他
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-09-08
- **Last Updated**: 2022-11-28

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# vscode

## 1、下载与安装

下载地址：https://code.visualstudio.com/Download

## 2、常用插件

* Auto Rename Tag 自动命名标签
* Bracket Pair Colorizer 彩虹括号
* Live Preview 内置浏览器
* Chinese (Simplified) Language Pack for Visual Studio Code 简体中文包
* Material Theme 好看的主题样式
* JavaScript Debugger js调试插件，不再用写debugger
* ESLint ES6语法检查、修复
* gitignore 排除git文件
* indent-rainbow 缩进带彩虹颜色
* JavaScript (ES6) code snippets ES6语法提示与补全
* Live Server 静态文件通过服务访问，有热部署功能
* Path Intellisense 文件引入路径提示
* Prettier 保存时代码自动格式化
* Vetur vue开发插件
* VueHelper vue开发插件
* XML Tools xml文件工具
* vscode-icons 文件类型图标显示

## 3、基本配置

配置方式有两种：

* 用户配置：即全局配置，适用于所用工作区。
* 工作区配置：只针对当前工作区有效。

`用户的配置文件示例：`

```json
{
    "workbench.startupEditor": "newUntitledFile",
    "editor.fontFamily": "JetBrains Mono",
    "workbench.iconTheme": "vscode-icons",
    "editor.formatOnSave": true,
    "workbench.colorTheme": "Material Theme High Contrast",
    "editor.fontSize": 18,
    "files.autoSave": "afterDelay",
    "liveServer.settings.CustomBrowser": "chrome",
    "liveServer.settings.donotShowInfoMsg": true,
    "prettier.singleQuote": true,
    "prettier.trailingComma": "none",
    "prettier.tabWidth": 4,
    "prettier.useTabs": false,
    "prettier.htmlWhitespaceSensitivity": "ignore",
    "prettier.printWidth": 150,
    "prettier.endOfLine": "crlf",
    "vetur.format.defaultFormatter.html": "prettier",
    "vetur.format.options.tabSize": 4,
    "[html]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[jsonc]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[javascript]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[vue]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[json]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "path-intellisense.mappings": {
        "@": "${workspaceRoot}/src"
    },
    "eslint.enable": false
}
```

> 注意：以上配置需要先安装插件后才能生效，其中"editor.fontFamily": "JetBrains Mono"是字体设置，需要安装JetBrains Mono字体包，详见https://gitee.com/fenghao1987/vscode。

`快捷键配置文件（注意适用于macos系统，请根据自己的习惯设置）：`

```json
// 将键绑定放在此文件中以覆盖默认值auto[]
[
    {
        "key": "cmd+d",
        "command": "editor.action.deleteLines",
        "when": "textInputFocus && !editorReadonly"
    },
    {
        "key": "shift+cmd+k",
        "command": "-editor.action.deleteLines",
        "when": "textInputFocus && !editorReadonly"
    },
    {
        "key": "shift+cmd+k",
        "command": "editor.action.addSelectionToNextFindMatch",
        "when": "editorFocus"
    },
    {
        "key": "cmd+d",
        "command": "-editor.action.addSelectionToNextFindMatch",
        "when": "editorFocus"
    },
    {
        "key": "alt+/",
        "command": "editor.action.triggerSuggest",
        "when": "editorHasCompletionItemProvider && textInputFocus && !editorReadonly"
    },
    {
        "key": "ctrl+space",
        "command": "-editor.action.triggerSuggest",
        "when": "editorHasCompletionItemProvider && textInputFocus && !editorReadonly"
    },
    {
        "key": "cmd+y",
        "command": "redo"
    },
    {
        "key": "shift+cmd+z",
        "command": "-redo"
    },
    {
        "key": "ctrl+shift+y",
        "command": "editor.action.transformToUppercase"
    },
    {
        "key": "ctrl+shift+x",
        "command": "editor.action.transformToLowercase"
    },
    {
        "key": "ctrl+shift+f",
        "command": "editor.action.transformToTitlecase"
    }
]
```