VSCode六大通用插件真香合集


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

一、background:设置心水布景图

安利理由:

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

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

VSCode六大通用插件真香合集
VSCode六大通用插件真香合集
VSCode六大通用插件真香合集

( ~ 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

VSCode六大通用插件真香合集

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

VSCode六大通用插件真香合集

注意:

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

二、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装置

VSCode六大通用插件真香合集
VSCode六大通用插件真香合集

各个主题变换的gif:

  • 我用的是:Matep 7 + k riae ; _ G N # u 0 =l Theme Palenight
    VSCode六大通用插件真香合集
注意:

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

VSCode六大通用插件真香合集
		"editor.tokenColorCustomizations": {
"comments": {
// 设置字体款式 加粗 下划线 斜体等
"fontStyle": "",
// 设置字体色彩
"foreground": "#DCDCDC"
},S b = # 5 9
},

(二)Material Icf G U q xon Theme装置

VSCode六大通用插件真香合集

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

安利理由:

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

装置过程:

VSCode六大通用插件真香合集

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

安利理由:

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

装置过程:

VSCode六大通用插件真香合集

效果展现:

VSCode六大通用插件真香合集

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

安利理由:

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

装置过程:

VSCode六大通用插件真香合集

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

VSCode六大通用插件真香合集

六、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六大通用插件真香合集
VSCode六大通用插件真香合集

效果展现:

VSCode六大通用插件真香合集

那么以上就是今日的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 {

发表评论

提供最优质的资源集合

立即查看 了解详情