vscode相关配置

vscode相关配置,第1张

1.Ctrl + Shift +F 全局搜索代码

2.Ctrl+Shift+P 打开命令面板

命令面板用法举例:

①字体设置:在命令面板输入“字体”,可以进行字体的设置

②快捷键设置:在命令面板输入“快捷键”,就可以进入快捷键的设置。

③语言设置:(设置为中文语言)

输入Configure Display Language,选择Install additional languages,然后安装插件Chinese (Simplified) Language Pack for Visual Studio Code即可。

3.左右显示多个编辑器窗口(抄代码利器)

按住Ctrl + \ ,即可同时打开多个编辑器窗口,效果如下:

4.代码自动保存

在设置项里搜索files.autoSave

5.保存代码后,是否立即格式化

在设置项里搜索editor.formatOnSave

6.删除文件时,是否d出确认框

在设置项里搜索xplorer.confirmDelete

7.查找某个函数在哪些地方被调用了

比如我已经在a.js文件里调用了 foo()函数。那么,如果我想知道foo()函数在其他文件中是否也被调用了,该怎么做呢?

做法如下:在 a.js 文件里,选中foo()函数(或者将光标放置在foo()函数上),然后按住快捷键「Shift + F12」,就能看到 foo()函数在哪些地方被调用了,比较实用。

8.在当前行的位置,鼠标三击,可以选中当前行

9.用鼠标单击文件的行号,可以选中当前行

10.在某个行号的位置,上下移动鼠标,可以选中多行

11. Ctrl + Shift +F 全局搜索

12.将工作区放大或缩小 ctrl  +  /  ctrl -

13.Emmet in VS Code 提高代码效率(VS Code 默认支持 Emmet)

ul>li*6 ,然后按下 Tab 键,即可得到如下代码片段:

14.插件 Rainbow Brackets:突出显示成对的括号

15.插件 highlight-icemode:选中相同的代码时,让高亮显示更加明显

16.vscode-icons 会根据文件的后缀名来显示不同的图标,让你更直观地知道每种文件是什么类型

17.插件 Project Manager

工作中,我们经常会来回切换多个项目,每次都要找到对应项目的目录再打开,比较麻烦。Project Manager 插件可以解决这样的烦恼,它提供了专门的视图来展示你的项目,我们可以把常用的项目保存在这里,需要时一键切换,十分方便。

18.插件 Local History 【荐】

维护文件的本地历史记录,强烈建议安装。代码意外丢失时,有时可以救命。

19.Auto Close Tag、Auto Rename Tag

自动闭合标签、自动对标签重命名。

20.Better Comments

为注释添加更醒目、带分类的色彩。

21.CSS Peek

增强 HTML 和 CSS 之间的关联,快速查看该元素上的 CSS 样式。

22.RemoteHub

不要惊讶,RemoteHub 和 GitLens 是同一个作者开发出来的。

RemoteHub插件的作用是:可以在本地查看 GitHub 网站上的代码,而不需要将代码下载到本地

23.常见主题插件

给你的 VS Code 换个皮肤吧,免费的那种。

  • Dracula Theme

  • Material Theme

  • Nebula Theme

  • One Dark Pro

  • One Monokai Theme

  • Monokai Pro

  • Ayu

  • Snazzy Plus

  • Dainty

  • SynthWave '84

  • GitHub Plus Theme:白色主题

  • Horizon Theme:红色主题

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/langs/1324139.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2022-06-12
下一篇2022-06-12

发表评论

登录后才能评论

评论列表(0条)

    保存