【IDE】VSCODE使用经验总结

阅读数: 2024-06-13

搜索不到中文问题

ctrl + shift + f 进行全局搜索的时候：
搜索英文和数字没有问题，能出来结果；但是搜索中文就会出不来结果。

该问题是 vs code 的默认编码导致的：

vs code 的默认编码是 UTF-8
项目存在部分文件的默认编码是 GBK

尽管开启Auto Guess Encoding可以在打开文件显示正常，但是文本搜索不遵守此设置。

因此可以设置项目的默认编码是GBK

在 VSCode 中集成 GitBash

settings.json配置如下：

"terminal.integrated.profiles.windows": {
    "bash": {
        "path": "C:\\Program Files\\Git\\bin\\bash.exe",
        "args": ["-l", "-i"]
    }
},
"terminal.integrated.defaultProfile.windows": "bash",
"terminal.external.windowsExec": "C:\\Program Files\\Git\\bin\\bash.exe"

好用插件

Search node_modules

作用：查看node_modules包代码

使用：ctrl+k 后 ctrl+n 搜索

koroFileHeade

作用：自动生成文件注释和函数注释

使用：加上下面配置后，文件头注释（Ctrl+Win+I）,函数注释（Ctrl+Win+T）

// 函数注释 CTRL+ALT+T
"fileheader.cursorMode": {
    "Title": "",
    "Description": "",
    "Return": "void",
},
// 文件头注释 CTRL+ALT+I
"fileheader.customMade": {
    "Author":"ionluo(xxx@qq.com)",
    "Description": "",
    "Date":""
},
// 插件的配置
"fileheader.configObj": {
    "createFileTime": true,
    "autoAdd":false,  //关闭自动生成头部注释，使用快捷键手动添加
    "prohibitAutoAdd": [ "json", "md" ],
    "wideSame": true, // 设置为true开启
    "wideNum": 13,  // 字段长度 默认为13
    "createHeader": true, // 默认关闭
    "language": {
        "js": {
            "head": "/**",
            "middle": " * @",
            "end": "*/",
        },
        "tsx": { // jsx后缀的文件
            "head": "/**",
            "middle": " * ",
            "end": "*/",
            "functionParams": "typescript" // 使用ts语言的解析逻辑
        }
    },
    "openFunctionParamsCheck": true, // 默认开启
    "cursorModeInternalAll": {
        "ts": true, // ts文件后缀是函数内生成函数注释
        "js": false, // js文件后缀是在函数外生成函数注释
        "python": true, // python语言类型文件时在函数内生成函数注释
        "defaultSetting": false // 默认是在函数外生成注释
    },
    "functionBlankSpaceAll": {
        "js": "", // 单独设置文件：js文件后缀 缩进两格
    },
    "typeParamOrder": "type param", // 参数类型 和 参数的位置自定义
    "functionParamAddStr": "" , // 默认不增加字符串
    "NoMatchParams": "no param",  // 默认不显示param那一行
    "folderBlacklist": [
        "node_modules",
        // "文件夹或文件名禁止自动添加头部注释",
        "webpack.config.js" // 可以禁止某些文件自动添加注释
    ]
}

我的配置记录

{
    "editor.fontFamily": "Monaco,'思源黑体','Courier New', monospace",
    "editor.fontSize": 14, 
    "editor.lineHeight": 20,
    "workbench.colorTheme": "One Dark Pro",
    "editor.tokenColorCustomizations": {
		"textMateRules": [
		  {
			"name": "Comments",
			"scope": "comment, punctuation.definition.comment",
			"settings": {
			  "fontStyle": ""
			}
		  },
		  {
			"name": "js/ts italic",
			"scope": "entity.other.attribute-name.js,entity.other.attribute-name.ts,entity.other.attribute-name.jsx,entity.other.attribute-name.tsx,variable.parameter,variable.language.super",
			"settings": {
			  "fontStyle": ""
			}
		  },
		  {
			"name": "js ts this",
			"scope": "var.this,variable.language.this.js,variable.language.this.ts,variable.language.this.jsx,variable.language.this.tsx",
			"settings": {
			  "fontStyle": ""
			}
		  }
		]
    },
    "emmet.excludeLanguages": [

        "markdown"
    ],
    "emmet.includeLanguages": {
        "vue-html": "html",
        "vue": "html",
        "javascript":"javascriptreact"
    },
    "files.associations": {
        "*.art": "html"
    },
    "editor.tabSize": 2,
    "prettier.eslintIntegration": true, //让prettier使用eslint的代码格式进行校验
    "prettier.semi": false, //去掉代码结尾的分号
    "prettier.singleQuote": true, //使用单引号替代双引号
    "vetur.format.defaultFormatter.html": "js-beautify-html", //格式化.vue中html
    "vetur.format.defaultFormatter.js": "vscode-typescript", //让vue中的js按编辑器自带的ts格式进行格式化
    "vetur.format.defaultFormatterOptions": {
        "js-beautify-html": {
            "wrap_attributes": "force-aligned" //属性强制折行对齐
        }
    },
    "search.exclude": {
        "**/node_modules": true,
        "**/bower_components": true,
        "**/dist": true
    },
    "editor.codeActionsOnSave": {
        "source.fixAll.eslint": false
    },
    "eslint.codeAction.showDocumentation": {
        "enable": true
    },
    // "workbench.colorTheme": "Atom Material Theme",
    // "editor.fontSize": 16,
    "eslint.format.enable": true,
    "vsicons.dontShowNewVersionMessage": true,
    "[vue]": {
      "editor.defaultFormatter": "dbaeumer.vscode-eslint"
    },
    "[html]": {
      "editor.formatOnSave": false
    },
    "[json]": {
      "editor.formatOnSave": false
    },
    "[scss]": {
      "editor.formatOnSave": false
    },
    "html.format.enable": false,
    "json.format.enable": false,
    "editor.rulers": [
      120
    ],
    "git.enableSmartCommit": true,
    "settingsSync.ignoredExtensions": [



    ],
    "http.proxy": "",
    "editor.minimap.enabled": false,
    "diffEditor.ignoreTrimWhitespace": false,
    "files.autoGuessEncoding": true,
    "eslint.codeActionsOnSave.rules": null,
    "editor.formatOnSave": true,
    "editor.fontVariations": false,
    "[javascript]": {
      "editor.defaultFormatter": "dbaeumer.vscode-eslint"
    },
    "window.titleSeparator": "",
    "window.title": "${rootName}", // 标题栏显示
    "terminal.integrated.profiles.windows": { // 终端集成git bash
      "bash": {
        "path": "C:\\Program Files\\Git\\bin\\bash.exe",
        "args": ["-l", "-i"]
      }
    },
    "terminal.integrated.defaultProfile.windows": "bash",
    "terminal.external.windowsExec": "C:\\Program Files\\Git\\bin\\bash.exe",
    "workbench.sideBar.location": "right" // 侧边栏放到右边
  }

本文作者： ionluo
本文链接： http://www.ionluo.cn/blog/posts/5a3690f1.html
版权声明： 本作品采用知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议进行许可。转载请注明出处！