vscode必备插件（vscode必备插件Python）

本篇文章给大家谈谈vscode必备插件，以及vscode必备插件Python对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。

本文目录一览：

• 1、为什么每个人的vscode中插件不一样
• 2、vscode插件一键部分开启
• 3、vscode插件快捷键点击是另一个软件
• 4、vscode 中的beautify 插件怎么用
• 5、vscode 微信读书插件
• 6、38、VS code必备前端插件

为什么每个人的vscode中插件不一样

因为在下载安装的时候有选择一定的插件捆绑下载，当时有很多选项，有些人选了有些人直接跳过，所以安装完成之后插件会不一样。

VSCode是微软家一个非常轻量化的编辑器，体量虽轻，尺返卜但是却有异常强大的功能。世兆原因在于VSCode许多强大功能都是陵穗基于插件实现的，IDE只提供一个最基本的框架和基本功能，我们需要使用插件来丰富和扩展它的功能。

由于插件的重要作用，现在VSCode的插件社区规模已经非常可观我们平时常用的大部分开发小工具都可以在这个应用市场中找到。

打开VScode后，界面左边是应用市场的入口， 在这里可以搜索我们需要的插件。

[img]

vscode插件一键部分开启

vscode插铅磨件一键部分开启具体步骤如下：

1、打开vscodesetting，搜索docsToolimagepng。

2、慎山输入一段脚本。

3、重启一下vsCode就生效了。

4、vscode是一种简化且高宽激中效的代码编辑器，同时支持诸如调试，任务执行和版本管理之类的开发操作。

vscode插件快捷键点击是另一个软件

，希望可以帮助各位码农锋利自己的武器。

快捷键器篇

窗口文件相关快捷键

新建文件

Ctrl+N

文件之间切换贴

Ctrl+Tab

打开一个新的VS Code编辑器

Ctrl+Shift+N

关闭当前窗口

Ctrl+W

关闭当前的VS Code编辑器

Ctrl+Shift+W

切出一个新的编辑器窗口（最多3个)

Ctrl+

切换左中右3个编辑器窗口的快捷键

Ctrl+1 Ctrl+2 Ctrl+3

全屏显示

F11

放大或缩小(以编辑器左上角为基准)

Ctrl +/-

侧边栏显示或隐藏

Ctrl+B

显示 Debug

Ctrl+Shift+D

显示 Output

Ctrl+Shift+U

搬砖相关快捷键

复制

Ctrl+C

剪切

Ctrl+X

粘贴

Ctrl+V

代码行向左或向右缩进

Ctrl+[ 、 Ctrl+]

代码格式化

Shift+Alt+F

向上或向下移动一行

Alt+Up 或 Alt+Down

向上或向下复制一行

Shift+Alt+Up 或 Shift+Alt+Down

在当前行下方插入一行

Ctrl+Enter

在当前行上方插入一行

Ctrl+Shift+Enter

移动到行首

Home

移动到行尾

End

移动到文件结尾

Ctrl+End

移动到文件开头

Ctrl+Home

选择从光标到行尾的内容

Shift+End

选择从光标到行首的内容

Shift+Home

删除光标右侧的所有内容(当前行)

Ctrl+Delete

删除当前行

ctrl+shift+k

下一个匹配的也被选中

Ctrl+D

回退上一个光标操作

Ctrl+U

可能有的小伙伴会说，这快捷键也太多了吧，但是这仅仅是冰山一角。不过各位小伙伴也不要慌张，vscode同样也提供了非常人性化的自定义快捷键功能。那到底怎么自定义尼？下面奉上一张宝图，大家就一目了然了。

看到这里，可能很多小伙伴会有疑惑，为什么我的编辑器是中文的，而你的是英文尼？这就和我们接下来要说的常用插件有关了。带我慢慢道来雹腊。

插件篇

编辑器常用插件

Chinese (Simplified) Language Pack for Visual Studio Code

安装这个插件就可以把编译器原始的英文界面更改为中文界面了。

background

编码搬砖的过程，源源滑无疑是相当枯燥乏味的，但是如果加上这样的小姐姐尼？是不是一下就不枯燥了？

答案是肯定的。也很幸运的有background这个插件，安装之后会有一个默认的背景图片，如图所示：

这个时候，我们可以在修改设置中搜索background修改设置json文件，如下所示：

修改代码奉上：

{

“background.useDefault”: false,

“background.style”: {

“content”:"’’",

“pointer-events”:“none”,

“position”:“absolute”,//图片位置

“width”:“100%”,

“height”:“100%”,

“z-index”:“99999”,

“background.repeat”:“no-repeat”,

“background-size”:“100%,100%”,//图片大小

“opacity”:0.2 //透明度

},

“background.customImages”: [//此处配置自己对应的背景图

“”

],

}

Rainbow Fart

背景图片有了，那么能不能也有声音尼？我可以肯定的告诉你，可以。只需要安装Rainbow Fart这个插件，然后启动这个插件就可以在编码的过程中，出现小姐姐的声音了。启动方法如下：

在vscode软件中使用ctrl+shift+p 打开命令面板，复制Enable Rainbow Fart 后回车，右下方弹出的提示后点击open按钮，或直接访问（ ）,在弹出的页面点击授权，如下图所示：

授权成功之后，就可以愉快的编码了。

1

2

3

open in browser

在浏览器中打开页面

Live Server

以服务器的方式打开页面

搬砖常用插件

Auto Close Tag

标签自动闭合

Auto Rename Tag

开始标签和结束标签自动进行同步

Bracket Pair Colorizer

会已不同颜色和横线显示括号的范围

HTML Snippets

快速的生成html标签

JS-CSS-HTML Formatter

代码裂慧格式化

Color Info

颜色提示插件，只需要将鼠标放在颜色值上悬停，就可以预览色块中色彩模型的（HEX、 RGB、HSL 和 CMYK）相关信息啦。

jQuery Code Snippets

jQuery自动提示

Path Autocomplete

路径自动补齐

ESLint

检测JS必备

Html Css Support

在标签新增class的时候会提示之前写过的class

Beautify / Beautify css/sass/scss/less

样式格式化（两个的区别还没感受出来）

Vetur

更多内容请见原文，原文转载自：

分类: 前端

标签: vscode常用插件快捷键, 前端

好文要顶 关注我 收藏该文  

忘川信使

粉丝 - 0 关注 - 0

+加关注

00

» 下一篇： 面试宝典带你走向人生巅峰

posted @ 2022-03-28 16:33 忘川信使 阅读(324) 评论(0) 编辑 收藏 举报

vscode 中的beautify 插件怎么用

1、在VSCODE中打开JSON文件，未格式化之前所JSON的数据全部都是贴在一起的，非常不容易阅读。

2、快捷键：CTRL+ALT+P打开搜索命令的窗口，在输入框内输入：extensions后找到【Install Extensions】选项后点击打开安装扩展程序窗口。

3、安装JSON美化插件在插件搜索框内搜索json并找到【Pretty JSON】插件，点击插件右下烂李银方的【Install】按钮进行安装。安装好后点击【Reload】按钮重新加载。

4、格式化JSON文件，在JSON文件内打开右键菜单会发现多了一个选项【Format Document】快捷键为【ALT+SHILF+F】。这时就可以格式美化JSON数据饥宴。扰哪

vscode 微信读书插件

不要管这个，只是为了日更凑字数TT！！

在上班的过程中，总是不免想要开开小差、摸摸小鱼，那么我们需要悄悄的配备好相关的‘设备’，祝大家上班愉快！！拆锋

微信读书插件可以很好的掩护我们看看小说，吸收吸轿旅收文学等等知识，相对来说对自己的成长较为有益，看我们怎么看书了。

首先，我们需要安装该插闭御凳件，通过 vscode 侧边栏的插件库里面 搜索 我们需要的插件， 点击 install

在设置之前，我们需要把该插件的配置的地方找出来，这个我总是莫名其妙，反正找 settings 字样就点点点，最后 通过下图的途径，把设置地方找出来

直接点击该图标

ok!!!

有些啰嗦的地方请自动忽略！！

38、VS code必备前端插件

安装完成后，默认显示英文，我们可以通过安装中文语言包插件来显示中文，操作如下：

打开vscode，点击插件图标（或 + + X），在搜索框中输入“chinese”，安装

使用快捷键“ + + P”打开vscode的命令框，输入 display ，点击“Configure Display Language”，切换语言

如果不喜欢VS code本身的主题色，也可以更换默认主题凳槐，在命令框中输入 color theme ，回宽粗李车，会进入主题列表，通过上下键切换主题，还不满足，没关系，点击安装其他颜色主题，在左侧会出现各式各样的主题插件，选择一个安装即可。

推荐一款图标插件 vscode-icons ，安装成功后，会根据不同的文件类型添加不同的图标样式，看起来会更有趣。

自动闭合 HTML/XML 标签

自动重命名 HTML/XML 标签

解析CSS并自动添加前缀

用于着色匹配括号，让你的代码分层更清晰

运行代码片段或多种语言的代码文件

源代码拼写检查器，提示代码中单词拼写错误

允许查看css，并从HTML文件定位到css文件，文件定义跳转

支持.env文件语法，高亮显示

在VS code中绘制流程图，随时记录你的idea，不要太方便

代码格式校验工具，配合项目中的校验规则，实现保存时格式化代码，开发必备，你值得拥有！

配置文件，在setting.json中添加，可以参考一下

突出显示匹配的标签

当你引入时在左侧会显示图片的缩略图，方便预览

在编辑器中展示引用包的大小，让你更了解你引入的包

帮助你更快速的添加console和删除console，确实方便

在vscode中用于生成文件头部注释和函数注释的插件，经过多版迭代后，插件：支持所有主流语言,功能强大，灵活方便，文档齐全，食用简单！

代码插件，在导入语句中自动完成NPM模块

允许你在默认浏览器或应用程序中打开当前文件。

自动识别文件路径，引用更方便

非常喜欢的一款代码格式化工具，在项目中也可以配置自己的规则

方便svg文件预览

快速搜索编辑器中添加的标签，如todo和fixme，并在资源管理器窗格中的树视图中显示。单击树中的todo将打开文慎迟件并将光标放在包含TODO的行上。

突出显示尾随空格并快速删除它们！

你的代码很强大，释放它！

......

大家有什么好用的插件，也可以推荐一下哈~

关于vscode必备插件和vscode必备插件Python的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。