vscode 这个智能提示是怎么出现的？

Question

大家谁知道
vscode 这个智能提示是怎么出现的，用的是什么插件
我用document.getElementById(‘canvas’) 不会出现提示啊

Answer 1

提问者 qq__联合_0 2020-06-29 20:50:36

就是写到canvas. 的时候可以自动出现canvas.getContext的属性提示

当我使用document.getElementById(‘canvas’)获取到canvas这个元素之后，vscode 默认提示的类型是 HTMLElement，所以就没有canvas相关属性的提示，而老师演示获取到的元素提示的类型是HTMLCanvasElement，所以vscode 就可以智能提示补全canvas的相关属性，老师用的是什么插件啊，我用的JavaScript (ES6) code snippets插件，但是好像不能像老师那样可以智能提示

• 扬_灵 #1

  同学你好，VS Code编辑器在不安装相关插件的情况下，使用canvas绘制图形是没有代码提示的，可以试着在代码头部添加/** @type {HTMLCanvasElement} */这句话

• 提问者 qq__联合_0 回复 扬_灵 #2

  这个方法可以，但是老师演示的代码里面并没有使用jsDoc，其实用document.querySelector('canvas') 就可以获取到canvas的类型为HTMLCanvasElement，但是document.querySelector('#canvas')和document.getElementById('canvas')的方式就是不行，我就是想知道老师用的是什么神插件，这么厉害，可以推理出getElementById方法后的元素类型

• 大来4757781 回复 扬_灵 #3

  我加了这句代码，依然没有属性提示啊