더 알아보기/팁

power mode + background 익스텐션 써보기

은돌1113 2022. 7. 12. 16:33

코드 치는 맛이 없어서 역동적인 익스텐션을 찾던 중에 power mode와 background를 섞어 보았다.

 

vscode 에디터에서 ctrl + shift + x를 누르거나 확장 아이콘을 눌러서 각 익스텐션을 설치 해주고

 

Power Mode - Visual Studio Marketplace

Extension for Visual Studio Code - Your code is powerful, unleash it! The extension made popular by Code in the Dark has finally made its way to VS Code.

marketplace.visualstudio.com

 

background - Visual Studio Marketplace

Extension for Visual Studio Code - A simple tool to make your vscode's background look better!

marketplace.visualstudio.com

 

ctrl + shift + p를 눌러서 검색창을 띄우고 setting.json을 검색하면 아래와 같이 .json이 뜬다.

"powermode.enabled": true,
"powermode.presets": "magic",
"powermode.shake.enabled": true,

 

"background.useDefault": false,
"background.customImages": [이미지들 넣으면 됨],
"background.style": {
    "content": "''",
    "pointer-events": "none",
    "position": "absolute",
    "z-index": "99",
    "width": "100%",
    "padding-top": "200px",
    "opacity": 0.1,
    "background-size": "cover"
}

 

우리집 강아지 사진으로 해봤는 데 진짜 너무 귀여웠음