Node——npm常用命令

最新推荐文章于 2024-04-03 10:32:26 发布

小孩不可以吃鱼

最新推荐文章于 2024-04-03 10:32:26 发布

阅读量841

点赞数

分类专栏：前端笔记——Node基础文章标签： npm node.js 前端

本文链接：https://blog.csdn.net/qq_63654439/article/details/123358879

版权

前端笔记——Node基础专栏收录该内容

7 篇文章 1 订阅

订阅专栏

一、npm安装第三方模块

npm有两种方式安装第三方模块：本地安装和全局安装，使用哪种安装方式，取决于我们用npm模块做什么。

如果模块作为项目的依赖，需要被引入到指定项目中，需要本地安装
如果需要模块提供某些命令工具，则需要全局安装

本地安装

我们先打开window命令行工具，进入到需要安装第三方模块的目录，例如D/学习资料/node目录，然后执行下面命令

npm install jquery

安装完后，npm会在D/学习资料/node目录下创建一个node_modules的目录，然后将npm模块下载到这个目录之下。上面的例子中我们安装的是jQuery，所以打开node_modules会看到一个jQuery的目录

全局安装

某些第三方模块为我们提供了一些功能需要全局安装才可以使用，例如 http-server，它可以为我们提供一个创建静态文件服务器的功能

接下来我们下载这个模块，全局安装需要在命令中添加 -g ，示例代码如下：

npm install -g http-server

下载完后，http-server模块不会像本地安装那样下载到当前目录下，而是会下载到系统目录中，win10系统下载目录如下所示：

C:\Users\Administrator\AppData\Roaming\npm\node_modules

我们不必去打开这个目录去浏览下载的文件，只要知道全局安装后，我们可以使用这个模块提供的命令

http-server模块提供了http-server命令，可以用此命令创建一个静态服务器，步骤如下：

1、选择开启服务器的目录，这里选择D/学习资料/node目录

2、在这个目录执行http-server命令，默认端口为：8080

3、在server目录中创建一个index.html文件

4、打开浏览器，访问http://127.0.0.1:8080/index.html，可以看到index.html文件的内容

5、如果服务器与其他设备处于同一网络（例如同一wifi下的手机和电脑），可以使用ip地址访问此网页

二、npm项目初始化

使用如下命令，可以在当前目录编程一个node项目（实质上就说添加了一个package.json文件）

npm init

执行命令后会有一列提示，一直按回车选择默认即可。创建完成后会生成一个package.json文件，文件内容如下：

{
  "name": "npmproject",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC"
}

这个文件用来记录项目的详细信息，包括项目名称、依赖模块等

安装第三方依赖

通过下列命令（--save），可以将安装的第三方依赖记录在package.json文件中

npm install --save jquery

npm install --save bootstrap

下载完成之后，可以看到在dependencies字段下面记录了我们下载模块的名称和版本。这样，只要有了这个文件，我们就知道整个node项目需要依赖哪些第三方模块了

{
  "name": "npmproject",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC",
  "dependencies": {
    "bootstrap": "^5.1.3",
    "jquery": "^3.6.0"
  }
}

下载多个模块可以简写：npm install --save jquery bootstrap，模块名之间用空格隔开