如何使用 PHPStorm 设置和使用 NodeJS 和 NPM 软件包?

  

2
主题启动器

如何在 phpstorm 中使用 nodejs 和 npm

你好,我听说如果我在电脑上安装 Node.js,就可以通过安装和使用各种 NPM 软件包,更好地组织和自动化我的编程和网络开发工作...

我有一些问题:

  • 能否请您分享一下如何在 PHPStorm 上安装 NodeJS 和 npm,以及一些自动化工作的技巧/窍门,让开发过程更轻松?
  • 您有喜欢的 npm 软件包推荐吗?
  • 也许是你日常使用的一些 npm 软件包?比如自动刷新浏览器?

谢谢!

1 答案
1

你好、

首先,您需要 安装 node.js 电脑上(从 这里);要检查安装是否正确,您需要 检查 node js 版本PHPStorm终端)键入

node -v

在 phpstorm 终端中检查 nodejs 版本


然后,使用 PHPStorm 的终端(或 Window 的 cmd)在项目文件夹中执行以下操作 初始化 npm.在终端类型中:

npm init -y

这将在项目文件夹中创建 节点模块 文件夹中安装的所有软件包。它还会创建 package.json 文件中的依赖关系信息。Npm 的文件 package.json  是我们项目的菜谱/杂货清单,其中包含您要安装的 npm 软件包依赖项。


接下来,在终端中输入 npm 软件包进行安装:

npm install lodash

在这种情况下 蹒跚而行 是软件包的名称。下面是另一个例子(安装 normalize.css):

npm install normalize.css

......或安装几个必要的 npm 软件包,用空格隔开:

npm install postcss-simple-vars postcss-nested autoprefixer --save-dev

所有这些软件包都来自 https://www.npmjs.com - 您可以在那里搜索您感兴趣的套餐。


要运行 npm,应键入

npm run dev

在 phpstorm 上安装 npm 软件包

那么,为什么 NPM 对我们的项目很重要呢?

例如,如果我们的电脑出了问题(死机),我们可以 总能康复 从 GitHub 上克隆我们的项目 (学习如何通过 PHPStorm IDE 使用 GitHub 和 Git),并在克隆项目后 package.json 文件(我们项目的 resipe),然后在终端键入 npm install 所有 npm 软件包都将重新安装/恢复!太棒了! 🙂


以下是我在 PHPStorm 中使用的一些 npm 软件包:

一定要使用 webpack-dev-server下面是如何安装这个出色的自动化 npm 软件包。只需键入

npm install webpack-dev-server --save-dev

我正在使用懒加载功能来加载图片: 懒惰大小

您可以输入

npm install lazysizes
分享: