Comando pincel.fillStroke não funciona no VSCODE

Oi, Marcos Vinicius! Tudo bem?

Perdão pela demora em obter uma resposta.

Não é necessário baixar algo a mais para programar o exercício no Visual Studio Code. Acredito que o comando que você está se referindo é, na verdade, o pincel.strokeStyle que é responsável por definir as cores na borda. Na videoaula o instrutor se equivocou e digitou erroneamente o atributo pincel.fillStroke, mas o correto é a opção pincel.strokeStyle = 'black'. Nossa equipe já realizou a correção na transcrição do curso.

O código completo ficará assim:

<canvas width="600" height="400"></canvas>

<script>

    function desenhaQuadradoVerde() {

        var tela = document.querySelector('canvas');
        var pincel = tela.getContext('2d');

        pincel.fillStyle = 'green';
        pincel.fillRect(0, 0, 50, 50);
        pincel.strokeStyle = 'black';   // aqui na verdade é onde vamos deixar o strokeStyle, e não o fillStroke
        pincel.strokeRect(0, 0, 50, 50);

}

desenhaQuadradoVerde();
desenhaQuadradoVerde();
desenhaQuadradoVerde();

</script>

Resultado:

Caso queira se aprofundar ainda mais sobre os comandos do Canva, recomendo o guia de comandos da documentação:

• Propriedade da API Canvas 2D

O conteúdo recomendado acima está em inglês, o uso da língua inglesa é bem comum na área de tecnologia, mas não se preocupe, caso não tenha afinidade com essa linguagem, recomendo que utilize o tradutor do navegador para uma melhor compressão.

Caso as dúvidas persistirem, estamos à disposição.

Abraços e bons estudos!