如何在VSCode网页版编辑器中为JS库启用完整的智能提示/自动补全功能

嘿，我完全懂你的处境——用共享电脑只能依赖VSCode网页版，没法装npm、用不了TypeScript，还想给PeerJS加上顺手的自动补全对吧？别发愁，这里有几个实用的办法能解决这个问题：

方法一：手动引入类型定义文件 #

PeerJS的类型定义已经在社区维护好了，虽然没法通过npm安装，但我们可以直接把类型文件内容复制到项目里：

1. 找到PeerJS对应的类型定义内容（你可以去社区维护的类型仓库里找到PeerJS的类型文件，直接复制里面的纯文本就行）
2. 在你的项目工作区里新建一个名为peerjs.d.ts的文件，把复制到的类型内容粘贴进去
3. 在你的JavaScript文件开头，用JSDoc注释来关联这个类型：

   /** @type {import('./peerjs.d.ts').Peer} */
   let peer;
   

   或者如果是全局使用的话，也可以在类型文件里声明全局类型，这样VSCode网页版就能自动识别PeerJS的所有API，给出准确的补全提示了。

方法二：手动编写JSDoc注释 #

如果不想找现成的类型文件，也可以自己给用到的PeerJS对象写JSDoc注释，引导VSCode识别类型：
比如创建Peer实例时，可以这么写：

/**
 * PeerJS实例
 * @type {Object}
 * @property {function(string): void} on - 监听事件，支持'open'/'connection'/'error'等
 * @property {function(string): Object} connect - 创建与目标ID的连接，返回DataConnection对象
 * @property {string} id - 当前Peer的唯一标识
 */
const peer = new Peer();

你可以根据PeerJS的官方API文档，逐步补充你用到的属性和方法，这样VSCode就能根据你写的注释提供对应的自动补全了，虽然手动写有点麻烦，但适合只用到部分API的场景。

小提示 #

一定要确保你是在VSCode网页版的工作区里打开项目文件，而不是单独打开单个文件，这样编辑器才能正确识别文件之间的关联，智能提示才能正常生效。

内容来源于stack exchange