非专业程序员常用vscode插件

牙叔教程简单易懂

我常用的脚本语言是js, python.

AutoHotkey v2 Language Support vscode-autohotkey-debug 由于工作有写重复, 要用到autohotkey, 所以装这个插件

Black Formatter 格式化python代码

Bookmarks 书签

change-case 命名方式: 小驼峰, 下划线, 等命名风格转换

Code Runner 右键直接运行代码, 可以设置用终端执行代码.

复制代码

"code-runner.runInTerminal": true,

Code Spell Checker 单词拼写检查

Comment Divider 快速生成一行分隔符

EditorConfig for VS Code 统一配置, 可以为js和python设置不同的空格数 js 一个tab两个空格 python 一个tab四个空格

复制代码

# Editor configuration, see http://editorconfig.org

# 表示是最顶层的 EditorConfig 配置文件
root = true

[*] # 表示所有文件适用
end_of_line = lf # 控制换行类型(lf | cr | crlf)
insert_final_newline = false # 在文件结尾插入新行
charset = utf-8 # 设置文件字符集为 utf-8
trim_trailing_whitespace = true # 删除一行中的前后空格
trim_trailing_whitespace = true # 去除行首的任意空白字符
max_line_length=120

[*]
indent_style = space # 缩进风格（tab | space）
indent_size = 2 # 缩进大小

# 对于JavaScript文件，使用2个空格作为缩进
[*.js]
indent_style = space
indent_size = 2

# 对于Python文件，使用4个空格作为缩进
[*.py]
indent_style = space
indent_size = 4

[*.md] # 表示仅 md 文件适用以下规则
max_line_length = off
trim_trailing_whitespace = false

ESLint js代码检查

Flake8 python代码检查如果要忽略错误, 可以设置

复制代码

"flake8.args": ["--max-line-length=3333", "--ignore=W292,E225,E203,W503"],

Highlight Matching Tag 高亮匹配标签

JavaScript Code Snippet js代码片段, 有的人推荐es6那个代码片段, 但是那个在2020年就停止更新了, 这个在2024年还在更新, 所以我就用它了

Markdown All in One 预览markdown

Material Icon Theme 文件图标

npm Intellisense 自动补全npm模块

Peacock 为vscode边栏设置不同的颜色

Prettier - Code formatter 格式化js

Print It 快速打印如果不是常见语言, 可以设置默认打印格式

复制代码

"print-it.default.template": "OutputDebug(\"{{escaped}} is:\" . {{raw}} . \"`n\")",

Project Manager 在左侧快速打开项目

Python Python Debugger Python Snippets 3 autoDocstring - Python Docstring Generator

Remove Blank Lines 移除空行

Todo List 任务列表

Todo Tree 标记要修改的代码

CodeSnap 代码截图美化

Color Highlight 显示颜色

Dependency Cruiser Extension 简单的依赖图

Excel Viewer 表格浏览

Hex Editor 查看文件十六进制

IP Address 显示电脑ip

JSDoc Generator 生成JSDoc

koroFileHeader 生成代码注释

Live Server 加载网页

Remote - SSH Remote Explorer Remote - SSH: Editing Configuration Files 远程服务器

tree-generator 生成文件目录

vscode其他不常见设置

复制代码

{
  "explorer.copyRelativePathSeparator": "/", // 相对路径使用斜杆
  "editor.minimap.renderCharacters": false, // 编辑器右侧显示代码还是色块
  "diffEditor.ignoreTrimWhitespace": true, // 控制差异编辑器是否忽略前导空格或尾随空格中的更改
  "diffEditor.renderIndicators": true, // 控制差异编辑器是否为添加/删除的更改显示 +/- 指示符号
  "[plaintext]": {
    "editor.rulers": [32]
  }, // 显示标尺线
  "terminal.integrated.profiles.windows": {
    "Custom Init": {
      "path": "D:/git/Git/bin/bash.exe"
    }
  }, // 指定终端
  "workbench.colorCustomizations": {
    "editorRuler.foreground": "#586d5b",
    "editor.lineHighlightBackground": "#1073cf2d",
    "editor.lineHighlightBorder": "#9fced11f",
    "editor.selectionBackground": "#7f1485",
    "editor.findMatchBorder": "#bfc213",
    "editor.selectionHighlightBorder": "#e61453",
    "tab.activeBackground": "#383f37" // 活动栏颜色
  },
  "todo-tree.highlights.defaultHighlight": {
    "icon": "alert",
    "type": "text",
    "foreground": "#ff0080",
    "background": "#ffff00",
    "opacity": 30,
    "iconColour": "#ffff00",
    "border": "1px solid red",
    "borderRadius": "8px"
  }, // todotree插件颜色
  "editor.tabSize": 2, // 重新设定tabsize
  "files.autoSaveDelay": 1000, // 文件自动延迟保存
  "files.eol": "\n" // 默认行尾字符。 LF
}