欢迎访问 生活随笔!

生活随笔

当前位置: 首页 > 编程资源 > 编程问答 >内容正文

编程问答

vscode使用汇总——常用插件、常用配置、常用快捷键

发布时间:2025/5/22 编程问答 53 豆豆
生活随笔 收集整理的这篇文章主要介绍了 vscode使用汇总——常用插件、常用配置、常用快捷键 小编觉得挺不错的,现在分享给大家,帮大家做个参考.

一、代码提示快捷键设置:(keybindings.json)

[{"key": "ctrl+j","command": "-workbench.action.togglePanel"},{"key": "ctrl+j","command": "editor.action.triggerSuggest","when": "editorHasCompletionItemProvider && editorTextFocus && !editorReadonly"} ]

 

二、插入代码段和字体设置:(setting.json)

{"editor.fontFamily": "宋体","editor.fontSize": 16,"editor.snippetSuggestions": "top" }

 

三、常用插件安装

  • Auto Rename Tag    标签自动重命名
  • Auto Close Tag     自动生成闭合标签
  • color highlight     颜色预览
  • Document This      注释自动生成
  • Git Blame         Git操作插件
  • Prettier formatter    代码格式化插件
  • todo highlight     todo高亮插件
  • vscode icons        文件目录ico图标 

 

我安装的所有插件:

Auto Close Tag Auto Rename Tag AutoFileName Color Highlight Document This ESLint file-icons Flow Language Support Git Blame Hopscotch JavaScript(ES6)code snippets Light+ Tweaked Path Intellisense Prettier - Code formatter TODO Highlight vscode-icons

 

扩展:todo highlight插件使用,开启控制台展示todo list列表,Windows系统按快捷键F1,打开设置面板点击如图开启窗口todo list 展示,如图:

 

四、(个人)综合配置文件

{"editor.fontFamily": "宋体","editor.fontSize": 16,"editor.formatOnSave": true,"files.autoSave": "off","prettier.printWidth": 120,"workbench.iconTheme": "vscode-icons","git.enableSmartCommit": true,"workbench.colorTheme": "Visual Studio Light","git.autofetch": true,"window.zoomLevel": 0,"todohighlight.isEnable": true }

 

五、常用快捷键

Ctrl + /        注释|解注代码

Ctrl + D        全选当前字符串

Ctrl+K,Ctrl+0     折叠所有代码

Ctrl+K,Ctrl+J     展开折叠所有代码

Ctrl + Q       切换视图

Ctrl + W      关闭当前窗口

Ctrl + 2      代码分屏

Ctrl + Shift + O   列出所有的类和变量

Shift + F12     查询所有引用

Ctrl + K,Ctrl + O  全部折叠

Ctrl + K,Ctrl + J  恢复折叠

Ctrl + Shfit + K  删除当前行

Ctrl + B  隐藏左边工具栏

Ctrl + Shfit + \  括号跳转切换

 

  

 

总结

以上是生活随笔为你收集整理的vscode使用汇总——常用插件、常用配置、常用快捷键的全部内容,希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错,欢迎将生活随笔推荐给好友。