如何在Visual Studio 2017的ASP.NET Core v2 React项目中使用NPM安装包？

嘿，我之前也碰到过完全一样的坑！问题出在你没在React项目的根目录下执行npm命令——NPM会自动从当前目录往上搜索package.json，找不到的话就默认跑到你的用户主目录（也就是C:\Users\LarsHoldgaard）去碰运气了。要让包只在当前解决方案生效，跟着下面的步骤来就行：

1. 切换到正确的项目目录

   • 打开Visual Studio的解决方案资源管理器，找到你的React项目（就是那个包含package.json的文件夹，如果还没有的话后面会说怎么生成）。
   • 右键点这个项目，选「在文件资源管理器中打开」，直接跳转到项目根目录；或者在VS的终端里用cd命令切过去，比如：

     cd C:\Users\LarsHoldgaard\你的解决方案名\你的React项目名
     

2. 确保有package.json文件
   如果这个目录里还没package.json，说明你还没初始化npm项目，先执行这条命令快速生成一个默认配置：

   npm init -y
   

   这个文件是npm管理项目依赖的核心，所有安装的包都会记录在这里，而且只会作用于当前目录及子目录。

3. 安装目标组件
   现在在正确的目录下，直接执行安装命令就行，比如你要装某个组件：

   npm install 你要装的组件名 --save
   

   装完之后，项目目录里会多出node_modules文件夹，package.json的dependencies里也会出现这个组件的信息，而且所有依赖都只会留在当前解决方案里，不会影响其他项目。

4. 验证一下
   安装完成后，检查下node_modules是不是出现在项目目录里，package.json的依赖列表有没有更新，确认没问题就可以正常用这个组件啦！

另外，如果你习惯用VS的可视化操作，也可以右键点React项目选「添加」->「客户端库」，不过本质还是基于npm的，同样得先确保项目有package.json才行。

小提醒：以后跑npm命令前，先看看终端的当前路径是不是能看到package.json，这样就不会再踩路径的坑了😉

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