VSCode六大通用插件真香合集

• 今日就来为大家整理一波VSCode通用插件
• 无论你运用这个软件做什么开发，这些插件通通都能够帮到你！！

一、background：设置心水布景图

安利理由：

• 前有IDEA 的Background Image Plus 插件 后就有VSCode的 background 插件
• 虽说它不能提高咱们的编程+ : : ]速度
• 但每逢你打开VSCO B ] fode都能看到自己心水的布景图片感觉心境都好的一匹呀~
• 每天的学习/作业都变得心爱不少，美好的一天从一张心水的图片布景开始~

装a & * | ; ^ : Y &置及设置过程：

设( ~ G l置过程中运用的代8 W { ~ F k l码：

	"background: p y e 0 # A =.enabled": true,
"background.useDefault": false,
"backgroung 4 # b nd.customImages": [
"file:///D% $ * U g q J J:/作业+竞赛+网6 7 ) K D 1 Y课/作业/小乔的编程内容共享站图片/新建文件夹/布景1.jpg",
],
"background.style": {
"pointer-events": "none",
"position": "absolute",
"width":8 t & G p t { & "100%",6 0 |
"height": "100%",
"backgrou. z L $ E | /nd-position": "center",
"background-repeat": "no-repeat",
"background-size] s J ]  % e d": "100%,100%",
"oF = ; E K p F Kpacity": 0.1
},

效果展现：S 5 * R J G

原图在这里(图片源自网络)：哈哈* T J哈~~ 交心如我（是不是反手就想给我一个赞，那就别再犹疑啦~）

注意：

• 装置此插件可能会呈现一个 “code损坏” 的提示
• 官方会给出主张：卸载重装
• 但咱们其实只需要下载一个插件：C ? V 9 =Fix VSCode Checksums
• 具体: S s操作如下：
  

  

  

二、Material Theme(VSCode主题)+Mater9 – R , T nia 5 L ` P V F – =l Icon Theme(文件图标主题)

安利理由:

• 自从用了VSCode和IDEA我就爱上了暗色的主– p a P K ] H | 4题，可是对于一个精致的猪猪女孩自带的主题当然是不能满意我的啦。
• 所以我找到了Material Theme去换各类暗色主题
• 与此同时我还看到了Material Icon Theme可设置文件图标主题，我一瞅，还挺新颖
  装置了之后确实图标1 9 h p G I r变好看了
• 所以这一套变好看组合必须安利给你们！！

装置过程及设置:

（一）Material Theme装置

各个主题变换的gif：

• 我用的是：Matep 7 + k riae ; _ G N # u 0 =l Theme Palenight
  

  

注意：

可是Material Theme Palenight主y R F +题的注释有点暗，对眼睛有点不友好。我把改注释的方式及代码放在下面：

		"editor.tokenColorCustomizations": {
"comments": {
// 设置字体款式 加粗 下划线 斜体等
"fontStyle": "",
// 设置字体色彩
"foreground": "#DCDCDC"
},S b = # 5 9
},

（二）Material Icf G U q xon Theme装置

三、Chinese (Simplified) Language Pack for Visual Studio Code：中文简体语言包

安利理由：

• 新上手一个编辑器的时分不免对编辑器的 7 U操作不适应
• 这时分咱们就需要一个中2 L # Q } e j文简体语言包来将其汉化
• 熟悉操作后，能够根据需要将其停用或卸载

装置过程：

四、indent-rainbow:便利看到代码的缩进

安利理由：

• 这个插件是用五颜六色的色块来对代码的缩进做区分的
• 不只e H | s 7 u q 8炒鸡有用而且还很美丽，我的少女心被深深的满意了
• 那个，咳咳，男l n Y同胞的少男心也可满意

装置过程：

效果展现：

五、Bracket Pair Colorizer 2:能够便利查看每一对{}、()与谁配对

安利理由：

• 写代码不免遇到花括号{}，小括号()嵌套，看着看着我就头晕眼花，想睡觉
• 这, b j ) m 7样下v X 7去还怎样好好的写代码嘛！
• 所以神器：Bracket Pair Colorizer 2呈现了
• 能够让你的 {}、() 有不同的色彩：又喜提一个满意我少女心的五颜六色插件
• 妈妈再也不用忧虑我不知道哪个花(小)括号与哪个花(小)括号配对啦！！r l } , c 9 V

装置过程：

效果展现S % w ; d A = i：

六、Prettier – Code formatter :保存即可格式化代码的神器

安利理由：

• 当我在B站边看教师的学习视频边跟着+ Q j d ]敲代码的时分
• 由于打代码速度得跟上(主要暂停太费事，想少暂停几回)
• 所以代码格式就会被我疏忽
• 弊端就是只要你敢粗心写错0 B + ( 7代码，改代码必定让你南上加南
• 虽说有格式化快捷键可是老按格式化快捷键也好费事呀
• 我就想要一个主动帮我格式化的插件，莫非没有咩~
• 通过我的一番苦寻，终于在茫茫插件海中遇到了钟情的那个它：Prettier – Code formaF 6 q R w htter
• 就一个字，香Z Q z 6 9 = 5！太可可可可可了叭~~

装置过程g K G d：

效果展现：

那么以上就是今日的VSCode六大K 8 0 , O K d通用(, . H X V真香)插件的悉数R l & Z z介绍啦~~

如果有协助到你的话，能够给我一个赞哟~~

当然你也能够来小乔的公号“小乔的编程内m F s J ? # h Y r容共享站”来找我玩耍~~

88喽~~v T n e {