常用 VSCode 配置

最新推荐文章于 2023-12-21 20:43:15 发布

北筏丶

最新推荐文章于 2023-12-21 20:43:15 发布

阅读量322

点赞数

文章标签： vscode

本文链接：https://blog.csdn.net/L483Unknown/article/details/119750995

版权

本文介绍了如何在VSCode中自定义代码提示快捷键，避免与Windows系统默认设置冲突，以及如何设置双标签快捷生成。此外，分享了一些常用的VSCode插件，如ImagePreview、ImportCost、Prettier等，提升开发效率。同时，提供了在Windows系统下配置文本文件右键菜单使用Notepad++编辑的方法，并展示了添加‘在此处打开命令窗口’的快捷方式。

摘要由CSDN通过智能技术生成

配置代码提示快捷键

在开发中常常遇到，在输入的时候有代码提示，有时候不小心按错提示消失，但是又没有快捷键。

其实是有快捷键的，只是 VSCode 的快捷键是 Ctrl + Space 和 windows 系统默认设置冲突，需要修改成其他键。

文件 - 首选项 - 键盘快捷方式，打开快捷键界面。
输入 Ctrl + Space 找到触发建议那一行，进行修改。注意：最左边点击铅笔图标是修改通道，但是只有鼠标放上去才会显示。

双标签快捷生成

按 Tab 键，快捷生成标签。
在这里插入图片描述
使上面的配置在 JS 文件下也生效。

// settings.json
{
  "emmet.triggerExpansionOnTab": true,
  "emmet.includeLanguages": {
    "javascript": "javascriptreact"
  },
}

常用 VSCode 插件

插件名	主要功能
Image Preview	图片预览
JSON to TS	JSON转为TS申明（Shift + Ctrl + Alt + S）
Import Cost	提示依赖包大小
Auto Close Tag	自动关闭标签
Auto Rename Tag	标签重命名
Bracket Pair Colorizer	彩色连接配对的括号
Git CZ Emoji	Git 提交规范
GitLens — Git supercharged	一眼看出是谁改了代码
Git Graph	Git 图线
Git History	Git 提交记录
Prettier - Code formatter	代码格式化
ESLint	代码检查
TSLint (deprecated)	代码检查
EditorConfig for VS Code	代码风格统一
Path Intellisense	路径提示插件
Debugger for Chrome	谷歌调试工具

Windows 配置

windows 下在鼠标右键上加入使用 notepad++ 编辑

如何实现点击文本文件右键后，可以点击右键列表中使用 notepad++ 打开。如下图所示：
在这里插入图片描述
实现方法：

打开注册表编辑器，HKEY_CLASSES_ROOT*\shell目录点击右键。新建–>项，这里命名的项则就是鼠标右键列表里面显示的内容，这里起名为【Edit With Notepad++】。
在右侧空白区域点击右键【新建–>字符串值】，分别创建如下图所示的两项，分别是名称为【Icon】值为notepad++的路径地址，和名称为【MultiSelectModel】值为Single。这一步设置的意义是设置鼠标右键列表中的图标。
在这里起名为【Edit With Notepad++】的目录下新建名为【Command】的项，编辑右侧默认项的值为notepad++的路径，如下图所示，需要用引号并且后面追加“%1”

到此就大功告成。

Windows10 右键添加“在此处打开命令窗口”

双击运行 OpenCmdHere.reg 文件即可.

# OpenCmdHere.reg

Windows Registry Editor Version 5.00

[HKEY_CLASSES_ROOT\Directory\shell\OpenCmdHere]
@="在此处打开命令窗口"
"Icon"="cmd.exe"

[HKEY_CLASSES_ROOT\Directory\shell\OpenCmdHere\command]
@="cmd.exe /s /k pushd \"%V\""

[HKEY_CLASSES_ROOT\Directory\Background\shell\OpenCmdHere]
@="在此处打开命令窗口"
"Icon"="cmd.exe"

[HKEY_CLASSES_ROOT\Directory\Background\shell\OpenCmdHere\command]
@="cmd.exe /s /k pushd \"%V\""

[HKEY_CLASSES_ROOT\Drive\shell\OpenCmdHere]
@="在此处打开命令窗口"
"Icon"="cmd.exe"

[HKEY_CLASSES_ROOT\Drive\shell\OpenCmdHere\command]
@="cmd.exe /s /k pushd \"%V\""

[HKEY_CLASSES_ROOT\LibraryFolder\background\shell\OpenCmdHere]
@="在此处打开命令窗口"
"Icon"="cmd.exe"

[HKEY_CLASSES_ROOT\LibraryFolder\background\shell\OpenCmdHere\command]
@="cmd.exe /s /k pushd \"%V\""