你好,我听说如果我在电脑上安装 Node.js,就可以通过安装和使用各种 NPM 软件包,更好地组织和自动化我的编程和网络开发工作...
我有一些问题:
- 能否请您分享一下如何在 PHPStorm 上安装 NodeJS 和 npm,以及一些自动化工作的技巧/窍门,让开发过程更轻松?
- 您有喜欢的 npm 软件包推荐吗?
- 也许是你日常使用的一些 npm 软件包?比如自动刷新浏览器?
谢谢!
你好、
首先,您需要 安装 node.js 电脑上(从 这里);要检查安装是否正确,您需要 检查 node js 版本 或 PHPStorm终端)键入
node -v
然后,使用 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
那么,为什么 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