¿Como hacemos que el Editor detecte que estamos trabajando en un canvas? Para que cargue los propiedades y métodos del canvas. Intente de...

Ahora noto otra cosa que estás haciendo.

La etiqueta

let mi_can = newHTMLCanvasElement();
mi_can = document.getElementById("canvas");

Esto es redundante porque estás trabajando con dos instancias de canvas, la primera la guardas en "mi_can" y la segunda la jalas desde el DOM y la guardas en la misma variable, entonces eliminas la referencia a la primera instancia y trabajas solo con la segunda instancia.

En efecto, la forma en la que lo hace el profe no te va a dar sugerencias de canvas porque el editor lo considera un HTML Element y no sabe que se trata de un canvas. Si quieres trabajarlo de esa forma, entonces necesitas agregar el elemento que tú creas al DOM, sería algo así:

<div id="canvas_container"></div>
<script>
  const container = document.getElementById("canvas_container");
  const canvas = new HTMLCanvasElement();
  container.append(canvas);
</script>

Entiendo que las sugerencias ahorran errores, pero insisto en que no necesitarías instalar algo adicional para poder ver las sugerencias; te comparto captura de mi editor para que veas cómo debería mostrarse. Algo que no te pregunte es el editor que estás usando; VSCode por defecto tiene sugerencias para JS, pero no sé si estás usando otro editor que no las tenga.

• Tengo instalado los snippets y linters, pero no cargan los atributos y metodos si no entiende de que tipo de objeto se trata (canvas).
• Las sugerencias evitan muchos errores desde mi punto de vista. Yo trabajo en C# y siempre me da los atributos y metodos dependiendo del objeto.
• Lo que quiero ver es las sugerencias del canvas por ejemplo.
• Me da un error de
  illegal constructor

¡Hola!

El editor trae por defecto unos snippets y linters que te ayudan con sugerencias de métodos disponibles, no hay que hacer ninguna configuración inicial. El código debería funcionar normal aunque el editor no te de esas sugerencias y si algo no funciona, entonces es porque estás escribiéndolo mal y ahí la consola del navegador te va a dar un error indicando dónde está el problema. La forma inicial es la correcta porque estás creando una instancia de una clase. Te sale algún error en la consola? Específicamente qué es lo que quieres ver en tu editor? Puedes compartir una captura?