如何为本地NodeJS模块/包开启自动补全？[PhpStorm/VS Code]

嘿，我明白你在学习Node.js时的困惑——本地模块安装和共享依赖确实是新手容易卡壳的点，我来一步步给你讲清楚正确的操作方式：

1. 先确保模块项目的配置没问题 #

首先检查你的模块项目的package.json，一定要正确设置main字段，指向模块的入口文件，比如：

{
  "name": "my-local-module",
  "version": "1.0.0",
  "main": "index.js",
  // 其他依赖或配置...
}

这一步很重要，不然主项目可能找不到模块的入口。

2. 本地安装的两种常用方式 #

根据你的开发场景选择：

• 场景一：稳定开发，不需要频繁修改模块代码
  在主项目的根目录下，直接通过相对路径安装模块：

npm install ../path/to/your-module-project

执行完后，主项目的package.json里会自动添加一条依赖：

"dependencies": {
  "my-local-module": "file:../path/to/your-module-project"
}

• 场景二：开发阶段，需要频繁修改模块代码
  用npm link来创建软链接，省得每次改代码都重新安装：

1. 先进入模块项目的根目录，运行：

npm link

2. 再回到主项目的根目录，运行：

npm link my-local-module

这样两个项目就建立了关联，修改模块代码后，主项目能直接获取到最新变化。

3. 解决相同核心依赖重复安装的问题 #

既然两个项目有相同的核心依赖（比如你提到的babel系列包），推荐用**npm工作区（Workspaces）**来统一管理，既能避免重复安装，又能简化依赖维护：

具体步骤： #

1. 在两个项目的共同父目录下，新建一个package.json，内容如下：

{
  "name": "my-nodejs-monorepo",
  "private": true,
  "workspaces": [
    "./your-module-folder",
    "./your-main-web-app-folder"
  ]
}

把上面的your-module-folder和your-main-web-app-folder替换成你实际的项目目录名。

2. 把模块项目和主项目分别放到对应的目录里，然后在父目录下运行：

npm install

npm会自动把所有共享依赖安装到父目录的node_modules里，两个项目共用这些依赖，同时会自动处理模块项目和主项目之间的引用关系。

额外小技巧： #

如果已经存在重复依赖，可以在主项目里运行npm dedupe，npm会尝试把相同版本的依赖合并到顶层node_modules，减少冗余。另外，尽量让两个项目的babel配置（比如.babelrc或babel.config.js）保持一致，避免出现编译结果不一致的问题。

内容的提问来源于stack exchange，提问作者Envalee