vscode相关配置

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.删除文件时，是否弹出确认框

在设置项里搜索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 键，即可得到如下代码片段：

<ul><li></li><li></li><li></li><li></li><li></li><li></li>
</ul>

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：红色主题

24.react快速写代码之snippets的使用

打开vscode搜索simple react snippets插件，安装即可，安装完成后可查看详细的快捷键

vscode相关配置相关推荐

vscode中vue代码格式化的相关配置
俗话说,工欲善其事必先利其器. 作为一个强迫症码奴,写代码时的格式十分重要,但是一步步改又很麻烦,不小心ALT+SHIFT+F又还原了,于是做了如下相关配置. 使多行属性在一行显示现在的原来的操 ...
VsCode从零开始配置一个属于自己的Vue开发环境
VsCode算是比较热门的一个代码编辑器了,全名Visual Studio Code,微软出品插件众多,功能齐全,平常开发过程中都是用的它,整理了下日常使用的插件及配置供大家参考,废话就不多说了,直 ...
【基于ECharts 数据可视化展示相关配置表全】
可视化面板介绍应对现在数据可视化的趋势,越来越多企业需要在很多场景(营销数据,生产数据,用户数据)下使用,可视化图表来展示体现数据,让数据更加直观,数据特点更加突出. 下载echarts htt ...
vscode中配置LeetCode插件的教程(愉快刷题)
转载于脚本之家,原链接为https://www.jb51.net/article/183720.htm 大家好,今早在B站看到up主的vscode里藏了leetcode插件,这才知道原来还有这款神器. ...
VSCode下配置R语言环境(Windows)
本文介绍Windows下在VSCode中使用R语言的配置过程. 最后更新日期 2021/12/2 文章目录更新信息系统环境 VSCode插件安装 python(3)下安装radian R 包安装 ...
VScode中配置 C/C++ 环境,超级详细，问题分析全面，绝对好用
VScode中配置 C/C++ 环境,超级详细,问题分析全面,绝对好用 VScode中配置 C/C++ 环境你好! 这是你第一次使用 Markdown编辑器所展示的欢迎页.如果你想学习如何使用Ma ...
VSCode全套配置C++环境流程(完全卸载+C盘插件搬家+json配置文件+闪退问题+中文乱码问题)
目录前言卸载下载VSCode 避免VSCode下载的插件强占C盘空间配置C++环境下载MingGW 配置系统环境变量下载C++插件创建VSCode有效工作区 VSCode闪退问题分离e ...
vscode安装配置与应用技巧总结
vscode安装配置与应用技巧总结安装vscode VSCode下载链接: https://code.visualstudio.com/download/ 比如 version=1.68.0 Win ...
python识别文字免安装_免安装方式的Python之VSCode环境配置
概述本文旨在介绍免安装方式,在VSCode中搭建Python(3.73)的配置环境.至于Python是什么.它能做些什么,诸如此类的介绍均不在此文中介绍,相信能看此文的人,多多少少都会有些了解. V ...

vscode相关配置

24.react快速写代码之snippets的使用

vscode相关配置相关推荐

最新文章

热门文章