Visual Studio Code com Gif no Power Mode

Visual Studio Code com Gif no Power Mode

Aprenda a colocar a o seu gif favorito na extensão Power Mode.

Mayanna Oliveira's photo
Mayanna Oliveira
·

2 min read

Gif no Power Mode

Tutorial de como colocar um Gif animado na extensão Power Mode do Visual Studio Code.

Passo a passo:

  1. Tenha o Visual Studio Code instalado na sua máquina. Exemplo também funciona no MrCode, VsCodium, Code OSS e Visual Studio Code Insiders
  2. Acesse a aba de extensão e instale a Power Mode.
  3. Acesse as configurações do Visual Studio Code e edite o setting.json.
  4. Copie e cole o código abaixo:
    // Start - Gif no Power Mode
"powermode.customExplosions": ["https://c.tenor.com/f5IqNksAcW0AAAAi/woof-running.gif"],
"powermode.customCss": {    
 "margin-top": "16px",
 "height": "80px",
 "width": "80px",
},
"powermode.enabled": true,
"powermode.presets": "flames",
"powermode.backgroundMode": "image",
// End - Gif no Power Mode
  5. Outro exemplo: 
    // Início - Power Mode
"powermode.customExplosions": ["https://c.tenor.com/SxQFMJjig_EAAAAi/the-simpsons-homer-simpson.gif"],
"powermode.customCss": {    
  "margin-top": "16px",
  "height": "80px",
  "width": "80px",
},
"powermode.enabled": true,
"powermode.presets": "flames",
"powermode.backgroundMode": "image"
// Fim - Power Mode
  6. Os gifs foram achados no site Tenor e Giphy na opção de stickers.
  7. Para adicionar o sticker basta copiar e colar o link
  8. Exemplo de link da Giphy https://media3.giphy.com/media/Lm5pI9pBuwGAEgZFVM/giphy.gif.
  9. Exemplo de link da Tenor https://c.tenor.com/lzwxDTVrx0EAAAAj/clown-pennywise.gif.

Gif animado na extensão Power Mode do Visual Studio Code

Seleção de Gifs animados:

Visual Studio Codevscode extensions