npm的安装与使用

npm的安装与使用攻略

安装npm

1. 首先需要安装Node.js，因为npm是随同Node.js一起安装的。可以从Node.js官网上下载对应的安装包进行安装。

2. 安装完成后，打开命令行工具（terminal）输入以下命令进行验证：

node -v
npm -v
如果分别输出了Node.js和npm的版本号，则表示安装成功。

npm的基本使用

安装依赖包

使用npm安装依赖包非常简单，只需在命令行中切换到项目根目录，输入

npm install <package-name>

即可自动从npm官方仓库上下载对应的依赖包并安装到项目中。

例如，要安装React框架，可以输入：

npm install react

创建项目

npm提供了快速创建项目的功能，可以使用以下命令来创建一个新的Node.js项目（需要先全局安装create-react-app）：

npm install -g create-react-app
create-react-app my-app

以上命令将在当前目录下创建一个名为my-app的React项目。

package.json文件的作用

package.json是npm项目的核心文件，里面包含了项目的基本信息和依赖包列表。在安装或更新依赖包的时候，npm会自动更新并同步到package.json里，因此我们不需要手动去维护依赖包列表。

可以使用以下命令来初始化一个新的package.json文件：

npm init

示例说明

示例1：创建一个简单的Node.js Web服务器

1. 首先，在命令行中进入项目根目录，运行以下命令安装express框架：

npm install express --save

1. 在项目根目录下创建一个名为server.js的文件，输入以下代码：

```javascript
const express = require('express');
const app = express();

app.get('/', (req, res) => {
res.send('Hello World!');
});

app.listen(3000, () => {
console.log('Server is listening on port 3000.');
});
```

1. 在命令行中输入以下命令启动Web服务器：

node server.js

1. 打开浏览器输入http://localhost:3000/，看到输出Hello World!，即表示Web服务器已经成功运行。

示例2：使用npm创建一个新的React项目

1. 在命令行中输入以下命令全局安装create-react-app：

npm install -g create-react-app

1. 进入项目根目录，输入以下命令创建一个新的React项目：

create-react-app my-app

1. 进入my-app目录，输入以下命令启动React开发服务器：

npm start

1. 打开浏览器输入http://localhost:3000/，看到React项目页面已经成功运行，即表示创建React项目成功。