VSCode使用技巧

终端配置cmder

终端默认设置为cmder
- cmder支持命令提示、命令别名配置、高亮提示
- 在设置 -> 搜索shell，找到Terminal › Integrated › Shell: Windows设置

json
"terminal.integrated.profiles.windows": {
    // 默认终端cmder
    "cmder": {
      // cmd.exe路径
      "path": "C:\\WINDOWS\\System32\\cmd.exe",
      // 配置环境变量
      /*
        /K 是cmd.exe的参数，用于执行后面的命令然后不退出
        ${env:CMDER_ROOT}\\vendor\\init.bat 这部分的值从系统环境变量中获取CMDER_ROOT的值，然后执行init.bat，用于初始化cmder
      */
      "args": ["/K", "${env:CMDER_ROOT}\\vendor\\init.bat"],
      // 设置VSCode UI中显示的图标。
      "icon": "terminal-cmd"
    },
    "Command Prompt": {
      // VSCode会尝试按照数组中从左到右的顺序寻找可用的路径
      "path": ["${env:windir}\\Sysnative\\cmd.exe", "${env:windir}\\System32\\cmd.exe"],
      "args": [],
      "icon": "terminal-cmd"
    },
    "Git Bash": {
      "source": "Git Bash"
    }
  },
// 设置默认终端为cmder
"terminal.integrated.defaultProfile.windows": "cmder"

修改指定扩展安装位置

Git 和 Gitlens

Gitlens插件最有用的特性就是你可以看到每一行代码的 commit 历史。

git 生成提交图标

下载扩展: VSCode Git Commit Message

settings.json自定义配置图标

text
"vscodeGitCommit.customAlias": [
        {
            "description": "Work is not finished",
            "name": "😕 wip"
        },
        {
            "description": "Create new feature",
            "name": "✨ feature"
        },
        {
            "description": "Fix bug",
            "name": "🐞 fix"
        },
        {
            "description": "Modify code but feature unchange",
            "name": "⚙️ refactor"
        },
        {
            "description": "Modify lifecycle config or script",
            "name": "🚀 lifecycle"
        },
        {
            "description": "Modify documentation",
            "name": "📖 docs"
        },
        {
            "description": "Modify test case",
            "name": "🧪 test"
        },
        {
            "description": "Not sure what you are doing",
            "name": "🔵 other"
        }
    ],

批量重命名

写代码和维护代码的时候少不了做重构，特别是当你重构一个很大的模块或则很大一段代码的时候，一个一个去查找和修改变量/函数名会很头痛。好在 VSCode 可以帮助我们。

如果你选中一个变量/方法名，然后按 F2，你可以编辑选中的名字，整个项目中所有相关的实例都会被修改。

如果你只想修改当前文件，使用 Command+F2(Mac) 或则 Ctrl+F2(Windows) 命令。

VSCode接口调试

到VSCode插件中搜索REST Client,搜索到，点击install进行安装。
创建 .http 或 .rest 文件，编写相应内容
同一个文件内可以通过 ### 分割多个请求
可以通过 @hostname = api.example.com 来定义变量，以及在GET时 {{hostname}}来进行使用变量
- 即用@符号来定义变量

text
@hostname = api.example.com
@port = 8080
@host = {{hostname}}:{{port}}
@contentType = application/json
@createdAt = {{$datetime iso8601}}
@url=http://{{host}}:{{port}}{{baseUrl}}

.http
###
GET {{url}}/CreateBookMarkServlet?&bookMarkName=测试4&parentId=7303

###
POST  {{url}}/BookMarkManagerServlet?method=getUserBookMark&parentShareNodeId=0&layer=../../../

###
GET  {{url}}/DeleteBookMarkServlet?bookMarkId=7684

VSCode生成代码截图

VSCode在命令行工具中打开

vscode自动保存代码，自动按照eslint规范格式化代码设置

"editor.formatOnSave": true, // 保存自动化 "eslint.autoFixOnSave": true, // 保存自动修复

注意这两个配置冲突了，删除这行 "editor.formatOnSave": true, 这就可以了

text
{
    "files.autoSave": "onFocusChange", // 窗口失去焦点自动保存
	"editor.formatOnPaste": true,   // 编辑粘贴自动格式化
	"editor.fontSize": 12, // 字体大小
    "eslint.enable": true,
    "editor.formatOnType": true,
    "eslint.autoFixOnSave": true, // 保存自动修复
    "eslint.alwaysShowStatus": true,
    "eslint.debug": true,
    "eslint.format.enable": true,
    "eslint.validate": [
        "vue",
        "html",
        "javascript",
        "typescript"
    ],
}

VSCode编写注释技巧

输出/**/ 会自动会有提示

常用注释关键字

注释名语法含义示例
@param @param 参数名 {参数类型} 描述信息描述参数的信息 @param name {String} 传入名称
@return @return {返回类型} 描述信息描述返回值的信息 @return {Boolean} true:可执行;false:不可执行
@author @author 作者信息 [附属信息：如邮箱、日期] 描述此函数作者的信息 @author 张三 2019/01/01
@version @version XX.XX.XX 描述此函数的版本号 @version 1.0.0
@example @example 示例代码

注释名	语法	含义	示例
@param	@param 参数名 {参数类型} 描述信息	描述参数的信息	@param name {String} 传入名称
@return	@return {返回类型} 描述信息	描述返回值的信息	@return {Boolean} true:可执行;false:不可执行
@author	@author 作者信息 [附属信息：如邮箱、日期]	描述此函数作者的信息	@author 张三 2019/01/01
@version	@version XX.XX.XX	描述此函数的版本号	@version 1.0.0
@example	@example 示例代码

VS Code自动导包

Alt+Enter

vscode工作区配置

全局settings.json在C/User/Code目录下，工作区settings.json在项目目录的.vscode目录下，加载的时候配置会以工作区优先，如果工作区没有就找全局，全局没有就默

如果你想让所有人的vscode一致那就应该配置好工作区的settings.json

在vscode设置中工作区配置settings.json ，配置完之后会自动在项目根目录有.vscode文件夹啦, .vscode文件夹就有settings.json配置

终端设置

终端默认设置为bash

在设置 -> 搜索shell，找到Terminal › Integrated › Shell: Windows设置

chrome和vscode的debugger

Debugger for chrome 相关配置：https://marketplace.visualstudio.com/items?itemName=msjsdiag.debugger-for-chrome
https://blog.csdn.net/jfkidear/article/details/90202081
https://zhuanlan.zhihu.com/p/71928374

vscode的快捷键

开启debug：F5
暂停：F6
单步跳过 F10
单步调试 F11
单步跳出 ⇧F11

从这里打开launch.json配置文件

launch.json“附加”配置的示例文件。

例子1 (远程调试)

注意：使用"request": "attach"，您必须在启用了远程调试的情况下启动Chrome，才能将扩展程序附加到它。这样做的方法如下：

1、安装Debugger for Chrome插件

2、在.vscode/launch.json在项目的根目录中使用文件配置这些模式。您可以手动创建此文件
- attach模式，附加到chrome.exe进程的9222端口
3、chrome浏览器进程的启动配置上打开监听9222调试端口

4、右键单击Chrome快捷方式，然后选择属性，在“目标”字段中，附加 --remote-debugging-port=9222

json

{
    "version": "0.1.0",
    "configurations": [
        {
            "name": "Attach to url with files served from ./out",
            "type": "chrome",
            "request": "attach",
            "port": 9222,
            "url": "<url of the open browser tab to connect to>",
            "webRoot": "${workspaceFolder}/out"
        }
    ]
}

例子2 (本地调试）

"request": "launch"。您必须指定file或url以针对本地文件或URL启动Chrome。如果使用url，请设置webRoot为提供文件的目录。这可以是绝对路径，也可以是使用${workspaceFolder}（在Code中打开的文件夹）的路径。webRoot用于将url（例如“ http：//localhost/app.js”）解析为磁盘上的文件（例如/Users/me/project/app.js），因此请注意正确设置了URL 。

json
{
    // 使用 IntelliSense 了解相关属性。
    // 悬停以查看现有属性的描述。
    // 欲了解更多信息，请访问: https://go.microsoft.com/fwlink/?linkid=830387
    "version": "0.2.0",
    "configurations": [
        {
            "type": "chrome",
            "request": "launch",
            "name": "Launch Chrome against localhost",
            "url": "http://localhost:5500",
            "webRoot": "${workspaceFolder}"
        }
    ]
}

settings.json配置

官方文档：https://code.visualstudio.com/docs/getstarted/settings

配置1

json
{
    "bracketPairColorizer.consecutivePairColors": [
        "()",
        "[]",
        "{}",
        ["<", ">"],
        ["</", ">"],
        ["<", "/>"],
        ["Red", "Orange", "Yellow", "Lime", "LightSkyBlue", "Orchid"],
        "Red"
    ],
    "bracketPairColorizer.forceIterationColorCycle": true,
    "bracketPairColorizer.forceUniqueOpeningColor": true,
    "bracketPairColorizer.highlightActiveScope": true,
    "bracketPairColorizer.showBracketsInRuler": true,
    "breadcrumbs.enabled": true,
    "debug.inlineValues": true,
    "debug.node.autoAttach": "off",
    "editor.codeActionsOnSave": {
        "source.fixAll": true,
        "source.fixAll.eslint": true
    },
    "editor.cursorBlinking": "phase",
    "editor.cursorSmoothCaretAnimation": true,
    "editor.detectIndentation": false,
    "editor.dragAndDrop": false,
    "editor.fontFamily": "Consolas",
    "editor.fontLigatures": true,
    "editor.fontSize": 13,
    "editor.formatOnPaste": true,
    "editor.formatOnSave": true,
    "editor.formatOnType": true,
    "editor.hideCursorInOverviewRuler": true,
    "editor.minimap.renderCharacters": false,
    "editor.quickSuggestions": {
        "strings": true
    },
    "editor.renderLineHighlight": "all",
    "editor.renderWhitespace": "all",
    "editor.smoothScrolling": true,
    "editor.suggestSelection": "recentlyUsedByPrefix",
    "editor.tabCompletion": "onlySnippets",
    "editor.wordWrap": "bounded",
    "editor.wordWrapColumn": 120,
    "editor.wrappingIndent": "deepIndent",
    "emmet.triggerExpansionOnTab": true,
    "eslint.alwaysShowStatus": true,
    "eslint.debug": true,
    "eslint.format.enable": true,
    "eslint.packageManager": "yarn",
    "eslint.validate": ["javascript", "typescript"],
    "explorer.confirmDelete": false,
    "extensions.closeExtensionDetailsOnViewChange": true,
    "extensions.showRecommendationsOnlyOnDemand": true,
    "files.autoSave": "onFocusChange",
    "files.eol": "\n",
    "files.exclude": {
        "**/*__*": true,
        "**/*gql*": true,
        "**/*lintcache*": true,
        "**/*node_modules*": true,
        "**/*npm*": true,
        "**/*package-lock*": true,
        "**/*umi*": true,
        "**/*vscode*": true,
        "**/*yarn*": true
    },
    "files.insertFinalNewline": true,
    "files.simpleDialog.enable": true,
    "files.trimFinalNewlines": true,
    "files.trimTrailingWhitespace": true,
    "git.autofetch": true,
    "git.confirmSync": false,
    "git.enableSmartCommit": true,
    "git.promptToSaveFilesBeforeCommit": "always",
    "git.showPushSuccessNotification": true,
    "html.format.endWithNewline": true,
    "html.format.indentHandlebars": true,
    "html.format.indentInnerHtml": true,
    "html.trace.server": "verbose",
    //  "http.proxy": "http://localhost:1081", //代理这句有就写，没有就删掉
    "javascript.format.enable": false,
    "javascript.updateImportsOnFileMove.enabled": "always",
    "liveServer.settings.donotShowInfoMsg": true,
    "liveServer.settings.root": "./dist",
    "material-icon-theme.activeIconPack": "react_redux",
    "material-icon-theme.showReloadMessage": false,
    "material-icon-theme.showWelcomeMessage": false,
    "merge-conflict.autoNavigateNextConflict.enabled": true,
    "npm.enableRunFromFolder": true,
    "npm.enableScriptExplorer": true,
    "npm.packageManager": "yarn",
    "npm.scriptExplorerAction": "run",
    "prettier.arrowParens": "avoid",
    "prettier.endOfLine": "lf",
    "prettier.htmlWhitespaceSensitivity": "ignore",
    "prettier.packageManager": "yarn",
    "prettier.printWidth": 120,
    "prettier.semi": false,
    "prettier.singleQuote": true,
    "prettier.tabWidth": 4,
    "prettier.trailingComma": "none",
    "python.analysis.memory.keepLibraryAst": true,
    "python.analysis.memory.keepLibraryLocalVariables": true,
    "python.formatting.blackArgs": ["--line-length", "120"],
    "python.formatting.provider": "black",
    "python.linting.enabled": true,
    "python.linting.flake8Args": ["--max-line-length", "120", "--ignore", "E203,W503"],
    "python.linting.flake8Enabled": true,
    "python.linting.pylintArgs": [
        "--line-length",
        "120",
        "--init-hook",
        "import sys; import os; sys.path.insert(0, os.getcwd())",
        "--disable",
        "missing-docstring"
    ],
    "python.showStartPage": false,
    "search.smartCase": true,
    "sortJSON.contextMenu": {
        "sortJSON": false,
        "sortJSONAlphaNumReverse": false,
        "sortJSONKeyLength": false,
        "sortJSONKeyLengthReverse": false,
        "sortJSONReverse": false,
        "sortJSONType": false,
        "sortJSONTypeReverse": false,
        "sortJSONValues": false,
        "sortJSONValuesReverse": false
    },
    "stylelint.packageManager": "yarn",
    "stylelint.validate": ["css", "less", "sass", "scss"],
    "telemetry.enableCrashReporter": false,
    "telemetry.enableTelemetry": false,
    "terminal.integrated.cursorBlinking": true,
    "terminal.integrated.cursorStyle": "line",
    "terminal.integrated.fontSize": 15,
    "terminal.integrated.inheritEnv": false,
    "typescript.format.enable": false,
    "typescript.surveys.enabled": false,
    "typescript.updateImportsOnFileMove.enabled": "always",
    "update.mode": "manual",
    "update.showReleaseNotes": false,
    "vsintellicode.features.python.deepLearning": "enabled",
    "vsintellicode.java.completionsEnabled": false,
    "vsintellicode.sql.completionsEnabled": false,
    "window.menuBarVisibility": "toggle",
    "window.restoreWindows": "none",
    "window.zoomLevel": 0,
    "workbench.colorTheme": "Monokai",
    "workbench.commandPalette.history": 0,
    "workbench.enableExperiments": false,
    "workbench.iconTheme": "material-icon-theme",
    "workbench.list.smoothScrolling": true,
    "workbench.settings.enableNaturalLanguageSearch": false,
    "workbench.startupEditor": "none"
}

配置2

text
{
  "bracketPairColorizer.consecutivePairColors": [
    "()",
    "[]",
    "{}",
    ["<", ">"],
    ["</", ">"],
    ["<", "/>"],
    ["Red", "Orange", "Yellow", "Lime", "LightSkyBlue", "Orchid"],
    "Red"
  ],
  "bracketPairColorizer.forceIterationColorCycle": true,
  "bracketPairColorizer.forceUniqueOpeningColor": true,
  "bracketPairColorizer.highlightActiveScope": true,
  "bracketPairColorizer.showBracketsInRuler": true,
  "breadcrumbs.enabled": true,
  "debug.inlineValues": true,
  "debug.node.autoAttach": "off",
  "editor.codeActionsOnSave": {
    "source.fixAll": true,
    "source.fixAll.eslint": true
  },
  "editor.cursorBlinking": "phase",
  "editor.cursorSmoothCaretAnimation": true,
  "editor.detectIndentation": false,
  "editor.dragAndDrop": false,
  "editor.fontFamily": "Consolas",
  "editor.fontLigatures": true,
  "editor.formatOnPaste": true,
  "editor.formatOnSave": true,
  "editor.formatOnType": true,
  "editor.hideCursorInOverviewRuler": true,
  "editor.minimap.renderCharacters": false,
  "editor.quickSuggestions": {
    "strings": true
  },
  "editor.fontSize": 13,
  "editor.renderLineHighlight": "all",
  "editor.renderWhitespace": "all",
  "editor.smoothScrolling": true,
  "editor.suggestSelection": "recentlyUsedByPrefix",
  "editor.tabCompletion": "onlySnippets",
  "editor.wordWrap": "bounded",
  "editor.wordWrapColumn": 120,
  "editor.wrappingIndent": "deepIndent",
  "emmet.triggerExpansionOnTab": true,
  "eslint.alwaysShowStatus": true,
  "eslint.debug": true,
  "eslint.format.enable": true,
  "eslint.packageManager": "yarn",
  "eslint.validate": [
    "vue",
    "html",
    "javascript",
    "javascriptreact",
    "typescript",
    "typescriptreact"
  ],
  "explorer.confirmDelete": false,
  "extensions.closeExtensionDetailsOnViewChange": true,
  "files.autoSave": "onFocusChange",
  "files.eol": "\n",
  "files.exclude": {
    "**/*__*": true,
    "**/*gql*": true,
    "**/*lintcache*": true,
    "**/*node_modules*": true,
    "**/*npm*": true,
    "**/*package-lock*": true,
    "**/*umi*": true,
    "**/*yarn*": true
  },
  "files.insertFinalNewline": true,
  "files.simpleDialog.enable": true,
  "files.trimFinalNewlines": true,
  "files.trimTrailingWhitespace": true,
  "git.autofetch": true,
  "git.confirmSync": false,
  "git.enableSmartCommit": true,
  "git.promptToSaveFilesBeforeCommit": "always",
  "git.showPushSuccessNotification": true,
  "html.format.endWithNewline": true,
  "html.format.indentHandlebars": true,
  "html.format.indentInnerHtml": true,
  "html.trace.server": "verbose",
  "javascript.format.enable": false,
  "javascript.updateImportsOnFileMove.enabled": "always",
  "liveServer.settings.donotShowInfoMsg": true,
  "liveServer.settings.root": "./dist",
  "material-icon-theme.activeIconPack": "react_redux",
  "material-icon-theme.showReloadMessage": false,
  "material-icon-theme.showWelcomeMessage": false,
  "merge-conflict.autoNavigateNextConflict.enabled": true,
  "npm.enableRunFromFolder": true,
  "npm.packageManager": "yarn",
  "npm.scriptExplorerAction": "run",
  "search.smartCase": true,
  "sortJSON.contextMenu": {
    "sortJSON": false,
    "sortJSONAlphaNumReverse": false,
    "sortJSONKeyLength": false,
    "sortJSONKeyLengthReverse": false,
    "sortJSONReverse": false,
    "sortJSONType": false,
    "sortJSONTypeReverse": false,
    "sortJSONValues": false,
    "sortJSONValuesReverse": false
  },
  "stylelint.packageManager": "yarn",
  "stylelint.validate": ["css", "less", "sass", "scss"],
  "telemetry.enableCrashReporter": false,
  "telemetry.enableTelemetry": false,
  "terminal.integrated.cursorBlinking": true,
  "terminal.integrated.cursorStyle": "line",
  "terminal.integrated.fontSize": 14,
  "terminal.integrated.inheritEnv": false,
  "typescript.disableAutomaticTypeAcquisition": true,
  "typescript.format.enable": false,
  "typescript.surveys.enabled": false,
  "typescript.updateImportsOnFileMove.enabled": "always",
  "update.mode": "manual",
  "update.showReleaseNotes": false,
  "vscodeGitCommit.customAlias": [
    {
      "description": "Work is not finished",
      "name": "😕 wip"
    },
    {
      "description": "Create new feature",
      "name": "✨ feature"
    },
    {
      "description": "Fix bug",
      "name": "🐞 fix"
    },
    {
      "description": "Modify code but feature unchange",
      "name": "⚙️ refactor"
    },
    {
      "description": "Modify lifecycle config or script",
      "name": "🚀 lifecycle"
    },
    {
      "description": "Modify documentation",
      "name": "📖 docs"
    },
    {
      "description": "Modify test case",
      "name": "🧪 test"
    },
    {
      "description": "Not sure what you are doing",
      "name": "🔵 other"
    }
  ],
  "vscodeGitCommit.predefinedPrefix": "none",
  "vsintellicode.features.python.deepLearning": "enabled",
  "vsintellicode.java.completionsEnabled": false,
  "vsintellicode.sql.completionsEnabled": false,
  "window.menuBarVisibility": "toggle",
  "window.restoreWindows": "none",
  "window.zoomLevel": 0.3,
  "workbench.commandPalette.history": 0,
  "workbench.enableExperiments": false,
  "workbench.iconTheme": "material-icon-theme",
  "workbench.list.smoothScrolling": true,
  "workbench.settings.enableNaturalLanguageSearch": false,
  "workbench.startupEditor": "welcomePage",
  "gitlens.views.repositories.files.layout": "list",
  "editor.largeFileOptimizations": false,
  "settingsSync.ignoredExtensions": [],
  "workbench.colorTheme": "Monokai",
  "launch": {
    "configurations": [],
    "compounds": []
  },
  "projectManager.projectsLocation": "D:\\projects-manage",
  "projectManager.any.baseFolders": [
    "D:\\work",
    "D:\\Files\\Code",
    "D:\\Files\\front-end"
  ],
  "files.associations": {
    "*.cjson": "jsonc",
    "*.wxss": "css",
    "*.wxs": "javascript"
  },
  "emmet.includeLanguages": {
    "wxml": "html"
  },
  "minapp-vscode.disableAutoConfig": true,
  "[json]": {
    "editor.defaultFormatter": "vscode.json-language-features"
  },
  "[html]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "terminal.integrated.shell.linux": "/usr/bin/fish"
}

配置3【推荐】

json
{
  "editor.quickSuggestions": {
    "strings": true
  },
  "workbench.iconTheme": "material-icon-theme",
  "editor.fontSize": 16,
  "markdown.preview.fontSize": 16,
  "editor.fontLigatures": true,
  "sync.quietSync": true,
  "liveServer.settings.donotShowInfoMsg": true,
  "editor.minimap.enabled": false,
  "terminal.integrated.lineHeight": 0,
  "workbench.list.horizontalScrolling": true,
  "debug.console.fontFamily": "",
  "workbench.startupEditor": "newUntitledFile",
  "prettier.semi": false,
  "prettier.printWidth": 160,
  "workbench.editor.limit.enabled": true,
  "[json]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "editor.codeActionsOnSave": { "source.fixAll.eslint": true },
  "editor.formatOnSave": true,
  "editor.fontFamily": "CascadiaMono,OperatorMonoLig-Book,'JetBrainsMono-Light','FiraCode-Light','Hack-Regular','JetBrains Mono','FiraCode-Retina','Operator Mono Lig',Menlo,Monaco, 'Courier New', monospace",
  "terminal.integrated.fontFamily": "'JetBrains Mono','Fira Code',Menlo,Monaco, 'Courier New', monospace",
  "liveServer.settings.donotVerifyTags": true,
  "php.validate.enable": false,
  "zenMode.centerLayout": false,
  "zenMode.restore": true,
  "vetur.completion.scaffoldSnippetSources": {},
  "eslint.codeAction.showDocumentation": {},
  "eslint.validate": ["javascript", "javascriptreact", "vue"],
  "sync.forceDownload": false,
  "workbench.editor.showTabs": false,
  "blade.format.enable": true,
  "files.exclude": {
    "*.code-workspace": true,
    "**/public/js/app.js": true,
    "**/unpackage": true,
    "**/vendor.js": true
  },
  "files.watcherExclude": {
    "**/vendor/**": true
  },
  "editor.largeFileOptimizations": false,
  "git.ignoreLegacyWarning": true,
  "zenMode.hideLineNumbers": false,
  "search.showLineNumbers": true,
  "breadcrumbs.symbolPath": "off",
  "breadcrumbs.enabled": true,
  "terminal.integrated.fontWeightBold": "normal",
  "[php]": {
    "editor.defaultFormatter": "bmewburn.vscode-intelephense-client"
  },
  "workbench.statusBar.visible": true,
  "compile-hero.ignore": "",
  "[scss]": {
    "editor.suggest.insertMode": "replace",
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[html]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[blade]": {
    "editor.defaultFormatter": "onecentlin.laravel-blade"
  },
  "[vue]": {
    "editor.defaultFormatter": "dbaeumer.vscode-eslint"
  },
  "editor.cursorSmoothCaretAnimation": "on",
  "html.format.extraLiners": "head, body, /html",
  "screencastMode.keyboardOverlayTimeout": 600,
  "screencastMode.verticalOffset": 10,
  "screencastMode.fontSize": 35,
  "prettier.vueIndentScriptAndStyle": true,
  "tabnine.experimentalAutoImports": true,
  "scss.implicitlyLabel": "",
  "explorer.confirmDelete": false,
  "explorer.confirmDragAndDrop": false,
  "[javascript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "tailwindCSS.includeLanguages": {
    "plaintext": "html"
  },
  "prettier.jsxSingleQuote": true,
  "prettier.singleQuote": true,
  "markdown.preview.lineHeight": 15,
  "editor.wordWrapColumn": 160,
  "editor.lineNumbers": "relative",
  "css.lint.compatibleVendorPrefixes": "error",
  "html.format.wrapLineLength": 160,
  "vetur.ignoreProjectWarning": true,
  "prettier.arrowParens": "avoid",
  "workbench.editor.limit.value": 3,
  "explorer.openEditors.visible": 3,
  "html.format.wrapAttributes": "preserve-aligned",
  "editor.wordWrap": "bounded",
  "kite.showWelcomeNotificationOnStartup": false,
  "git.enableSmartCommit": true,
  "material-icon-theme.activeIconPack": "vue_vuex",
  "material-icon-theme.opacity": 1,
  "editor.rulers": [],
  "hediet.vscode-drawio.local-storage": "eyIuZHJhd2lvLWNvbmZpZyI6IntcImxhbmd1YWdlXCI6XCJcIixcImN1c3RvbUZvbnRzXCI6W10sXCJsaWJyYXJpZXNcIjpcImdlbmVyYWxcIixcImN1c3RvbUxpYnJhcmllc1wiOltcIkwuc2NyYXRjaHBhZFwiXSxcInBsdWdpbnNcIjpbXSxcInJlY2VudENvbG9yc1wiOltdLFwiZm9ybWF0V2lkdGhcIjowLFwiY3JlYXRlVGFyZ2V0XCI6ZmFsc2UsXCJwYWdlRm9ybWF0XCI6e1wieFwiOjAsXCJ5XCI6MCxcIndpZHRoXCI6MTY1NCxcImhlaWdodFwiOjExNjl9LFwic2VhcmNoXCI6dHJ1ZSxcInNob3dTdGFydFNjcmVlblwiOnRydWUsXCJncmlkQ29sb3JcIjpcIiNkMGQwZDBcIixcImRhcmtHcmlkQ29sb3JcIjpcIiM2ZTZlNmVcIixcImF1dG9zYXZlXCI6dHJ1ZSxcInJlc2l6ZUltYWdlc1wiOm51bGwsXCJvcGVuQ291bnRlclwiOjAsXCJ2ZXJzaW9uXCI6MTgsXCJ1bml0XCI6MSxcImlzUnVsZXJPblwiOmZhbHNlLFwidWlcIjpcIlwifSJ9",
  "editor.cursorBlinking": "solid",
  "editor.fontWeight": "normal",
  "window.closeWhenEmpty": true,
  "vsintellicode.modify.editor.suggestSelection": "automaticallyOverrodeDefaultValue",
  "zenMode.fullScreen": false,
  "[jsonc]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "search.exclude": {
    "*.code-workspace": true
  },
  "editor.minimap.maxColumn": 160,
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "eslint.format.enable": true,
  "prettier.useEditorConfig": false,
  "editor.cursorStyle": "line",
  "editor.insertSpaces": false,
  "editor.wordSeparators": "/\\()\"':,.;<>~!@#$%^&*|+=[]{}`?-",
  "security.workspace.trust.untrustedFiles": "open",
  "php-cs-fixer.executablePath": "${extensionPath}/php-cs-fixer.phar",
  "php-cs-fixer.lastDownload": 1636083853463,
  "docthis.dateTagFormat": "yyyy/mm/dd",
  "docthis.includeAuthorTag": true,
  "docthis.authorName": "houdunren.com",
  "docthis.includeTypes": false,
  "docthis.inferTypesFromNames": true,
  "sync.forceUpload": true,
  "sync.autoUpload": true,
  "sync.gist": "0426cd087b8f877ccad26287242d2708",
  "editor.inlayHints.fontSize": 22,
  "editor.suggestFontSize": 20,
  "editor.renderLineHighlight": "all",
  "vetur.experimental.templateInterpolationService": true,
  "javascript.validate.enable": false,
  "terminal.integrated.fontSize": 18,
  "editor.linkedEditing": true,
  "editor.scrollbar.vertical": "hidden",
  "editor.scrollbar.horizontal": "hidden",
  "winopacity.opacity": 100,
  "debug.console.fontSize": 16,
  "files.associations": {
    "*.vue": "vue",
    "*.cjson": "jsonc",
    "*.wxss": "css",
    "*.wxs": "javascript"
  },
  "volar.icon.preview": true,
  "emmet.showSuggestionsAsSnippets": true,
  "editor.suggest.showStatusBar": true,
  "editor.suggestSelection": "first",
  "editor.inlineSuggest.enabled": true,
  "vetur.format.options.tabSize": 4,
  "editor.bracketPairColorization.independentColorPoolPerBracketType": true,
  "workbench.colorTheme": "One Dark Pro",
  "vscodeGitCommit.variables": {
    "prefix": "keke"
  },
  "emmet.includeLanguages": {
    "wxml": "html"
  },
  "minapp-vscode.disableAutoConfig": true
}

终端配置cmder​

修改指定扩展安装位置​

Git 和 Gitlens​

git 生成提交图标​

批量重命名​

VSCode接口调试​

VSCode生成代码截图​

VSCode在命令行工具中打开​

vscode自动保存代码，自动按照eslint规范格式化代码设置​

VSCode编写注释技巧​

VS Code自动导包​

vscode工作区配置​

终端设置​

chrome和vscode的debugger​

vscode的快捷键​

从这里打开launch.json配置文件​

例子1 (远程调试)​

例子2 (本地调试）​

settings.json配置​

配置1​

配置2​

配置3【推荐】​