非专业程序员常用vscode插件

简介: 这里的vscode插件, 有四分之一你没用过, 这里的vscode设置, 80%你没设置过, 挖宝随缘

牙叔教程 简单易懂

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

AutoHotkey v2 Language Supportvscode-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

ESLintjs代码检查

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

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

Highlight Matching Tag高亮匹配标签

JavaScript Code Snippetjs代码片段, 有的人推荐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在左侧快速打开项目

PythonPython DebuggerPython Snippets 3autoDocstring - 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 - SSHRemote ExplorerRemote - SSH: Editing Configuration Files远程服务器

tree-generator生成文件目录

<a name="HpKjV"></a>

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

}


相关文章
|
自然语言处理 API C++
阿里通义推出SmartVscode插件,自然语言控制VS Code,轻松开发应用,核心技术开源!
SmartVscode插件深度解析:自然语言控制VS Code的革命性工具及其开源框架App-Controller
2721 1
阿里通义推出SmartVscode插件,自然语言控制VS Code,轻松开发应用,核心技术开源!
|
iOS开发 MacOS
【Mac系统】解决Vscode中LeetCode插件不能刷剑指offer题库
文章讨论了解决Mac系统中Vscode里LeetCode插件无法刷剑指Offer题库的问题,并提供了一些相关的使用技巧和资源链接。
1223 1
|
12月前
|
Ubuntu 网络安全 PHP
如何使用vscode的Docker插件管理ubuntu 拉取服务器的镜像以及创建容器
本测试镜像旨在记录使用vscode的Docker插件拉取病创建Dockerfile,以及拉取镜像。
|
机器学习/深度学习 人工智能 自然语言处理
|
人工智能 前端开发 JavaScript
AI程序员:通义灵码 2.0应用VScode前端开发深度体验
AI程序员:通义灵码 2.0应用VScode前端开发深度体验,在软件开发领域,人工智能技术的融入正深刻改变着程序员的工作方式。通义灵码 2.0 作为一款先进的 AI 编程助手,与广受欢迎的代码编辑器 Visual Studio Code(VScode)相结合,为前端开发带来了全新的可能性。本文将详细分享通义灵码 2.0 在 VScode 前端开发环境中的深度使用体验。
2649 2
AI程序员:通义灵码 2.0应用VScode前端开发深度体验
|
人工智能 JavaScript 开发工具
【完全免费】VS Code 最好用的 12 款 AI 代码提示插件!!!
🎉 探索12款免费VSCode AI代码提示插件:Codeium、Codegeex、CodeFuse、TONGYI Lingma、Comate、iFlyCode、Fitten Code、Bito AI、Mintlify Doc Writer、Kodezi AI、aiXcoder、IntelliCode。这些插件提供智能补全、代码生成、注释、优化,支持多种语言,提升编程效率!🚀👩‍💻👨‍💻
30013 121
|
人工智能 小程序 程序员
【视频测评 DEMO 参考】VSCode 神级 AI 插件通义灵码:完全免费+实战教程+微信贪吃蛇小程序
VSCode 神级 AI 插件通义灵码:完全免费+实战教程+微信贪吃蛇小程序
1336 8
|
人工智能 自然语言处理 前端开发
通义灵码插件在VSCode中的运用
借助通义灵码插件在VSCode构建新闻网,实现效率与智能的融合。VSCode作为前端开发的“瑞士军刀”,提供实时预览、智能辅助和高效管理功能;通义灵码插件通过自然语言交互生成代码,简化复杂任务并优化代码质量。两者结合形成从设计到部署的高效闭环,大幅减少基础编码时间,降低开发门槛,助力开发者聚焦业务逻辑与创新。
|
JavaScript 前端开发 程序员
甚至用不了五分钟就能学会vscode插件开发
本文介绍了VSCode插件的开发流程,从创建项目到最终发布。首先通过安装`yo`和`generator-code`脚手架工具初始化项目,选择JavaScript语言配置基础信息。接着,在`extension.js`中实现业务逻辑,例如将中文“变量”替换为“var”。通过F5进入调试模式验证功能。完成后使用`vsce`工具进行打包,解决可能遇到的版本不兼容或README文档问题。最后生成`.vsix`文件,可通过VSCode的“从VSIX安装”加载插件,实现开发闭环。进一步可将插件发布至官方市场供更多开发者使用。
|
前端开发 Go
vscode10大常用插件
本文介绍了前端开发中常用的工具及VSCode必备插件。推荐使用VSCode作为入门工具,并介绍了WebStorm和HBuilder等其他选项。VSCode插件包括:Open-In-Browser、live-server、Beautify、Code Runner、Image Preview、Path Intellisense、Turbo Console Log、css-auto-prefix、Bracket Pair Colorizer 和 Auto Rename Tag,这些插件能够显著提升开发效率和代码质量。此外,还提供了录制Gif图的工具GifCam。
1222 5
vscode10大常用插件