一般我们安装php第三方包都是在windows命令控制台里进行操作，如果我们正在用HBuilderX进行开发工作，那么完全可以通过HBuilderX终端进行安装。
首先，我们要使用npm安装包，那么要配置好npm环境，现在npm集成到了nodejs里，我们只需要从“nodejs中文网”下载对应的安装包，一路下一步安装即可，安装完路径如下图：
可以看到，里面已经包含了npm.cmd，详细的安装过程这里就不说了，比较简单。
安装完后，需要在HBuilderX里配置一下，打开HbuilderX下的“工具-配置”，然后找到运行配置，勾选内置终端，然后分别填好npm路径和node路径，配置如下图所示。
配置好后，我们就可以打开HBuilderX终端了，要打开终端，可以用快捷键，快捷键是Alt+c，如下图箭头2所示，已经出现终端字样了，然后就可以通过npm来安装包了。
要使用npm安装包，需要注意以下步骤
第一、要使用npm安装包，首先需要选择我们项目中的一个文件，比如下图这个项目，选择wstblog-1.0下的page.json打开，然后再按住Alt+c快捷键，这样终端就会以我们目前的项目目录为基点进行定位安装，如下图箭头3所示，终端路径是“F:\xiaochengxu\wstblog-1.0>”，这样包就会安装到这个目录下，如果不这样操作，那么就会安装到C盘的默认目录。
第二、开始安装
我们以uniapp项目为例，要开始安装，首先需要初始化，让项目生成package.json文件，执行 npm init -y命令，然后回车，会生成一个package.json文件，这个文件就记录了我们当前安装包的信息，这样后期包变动了也不怕，只要通过npm i就可以恢复包，很方便。
下面以一个vuex包安装为例来说，我们初始化完毕后，只需要在uni-app终端执行npm i vuex，回车后等待安装完成，安装完成后，再打开package.json，会发现生成的vuex信息，如下图箭头1所示，而且包被安装到了项目中的一个node_modules目录中，后期我们的包通过这样安装方式都会安装到这个文件夹，方便查看和管理。
这样，我们的包就通过npm安装完毕了，以后的第三方包都可以用这种方式来进行安装。
点赞作者（）
