Visual studio code 美化

Visual studio code 编辑时出现的火花爆炸效果

①在菜单栏找到“选择”->“扩展”->搜索“Power Mode”（其中空格不要忘）->点击安装

 

    这时还不能使用需要进行第二步

 

②在菜单栏中找到“文件”->“首选项”->“设置”->搜索“powermode.enable”

 

    会发现默认是false，点击false这一行前面的铅笔图标符号修改为true

 

    这是配置完成，打字时的爆炸火花效果就可以使用了

 

Visual studio code 设置背景图片

 

①在菜单栏找到“选择”->“扩展”->搜索“background”->点击安装

 

    这时还不能使用需要进行第二步

 

②在菜单栏中找到“文件”->“首选项”->“设置”->搜索 点击右上角中的“{}”，展开json模式设置

 

// 背景图片

"background.customImages" : [

//最多设置三个图片

"file://C:/Users/MR/Pictures/头像/e18d20c94006dfe0-2857e2f09ca9e0a0-6895a04d0f3aa062e4eee94b27022263.jpg"

],

"background.style" : {

"content" : "''" ,

"pointer-events" : "none" ,

"position" : "absolute" ,

"width" : "100%" ,

"height" : "100%" ,

"z-index" : "99999" ,

"background.repeat" : "no-repeat" ,

"background-size" : "100% 100%" ,

"opacity" : 1

},

//是否启用默认图片

"background.useDefault" : false ,

"background.useFront" : true ,

"editor.fontSize" : 16 ,

"editor.fontWeight" : "400" ,

"powermode.enabled" : true ,