npm 常用命令与配置

最新推荐文章于 2025-09-21 18:50:13 发布

原创最新推荐文章于 2025-09-21 18:50:13 发布 · 477 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

npm 专栏收录该内容

1 篇文章

订阅专栏

一、官网

https://www.npmjs.com/

软件包可以在这里搜索到，如果要下载某个软件包，可先在官网搜索，然后复制名字，install即可

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-CtTDpWR8-1622971530764)(/Users/lijin/Library/Application Support/typora-user-images/image-20210606155038259.png)]

二、常用命令

1、npm init -y

xinxizhongxin-lijin:npm-study lijin$ npm init -y
Wrote to /Users/lijin/Desktop/npm-study/package.json:

{
  "name": "npm-study",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [],
  "author": "",
  "license": "ISC"
}

初始化项目之后，会在根目录下生成一个pakeage.json文件。

为什么要使用npm init初始化项目？

在node开发中使用npm init会生成一个pakeage.json文件，这个文件主要是用来记录这个项目的详细信息的，它会将我们在项目开发中所要用到的包，以及项目的详细信息等记录在这个项目中。方便在以后的版本迭代和项目移植的时候会更加的方便。也是防止在后期的项目维护中误删除了一个包导致的项目不能够正常运行。使用npm init初始化项目还有一个好处就是在进行项目传递的时候不需要将项目依赖包一起发送给对方，对方在接受到你的项目之后再执行npm install就可以将项目依赖全部下载到项目里。话不多说我们就直接开始进行操作。

2、npm install jquery

命令格式为：npm install 包名，可简写为npm i jquery

xinxizhongxin-lijin:npm-study lijin$ npm install jquery
npm notice created a lockfile as package-lock.json. You should commit this file.
npm WARN npm-study@1.0.0 No description
npm WARN npm-study@1.0.0 No repository field.

+ jquery@3.6.0
added 1 package from 1 contributor in 0.536s

默认下载最新版本。

安装完成后，pakeage.json文件中会多出来一部分dependencies内容，如下：

{
  "name": "npm-study",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "dependencies": {
    "jquery": "^3.6.0"
  }
}

同时，会在根目录下多出来一个目录node_modules，此目录下存储安装的软件包，如下：

xinxizhongxin-lijin:node_modules lijin$ pwd
/Users/lijin/Desktop/npm-study/node_modules
xinxizhongxin-lijin:node_modules lijin$ ls
jquery
xinxizhongxin-lijin:node_modules lijin$

3、npm uninstall jquery

命令格式为：npm uninstall 包名

卸载掉之后，node_modules目录下会将jquery删掉，同时pakeage.json文件中依赖申明也会删掉

4、npm install jquery@3.0.0

命令格式为：npm uninstall 包名@版本号

5、npm update jquery

更新软件包至最新版本

6、npm install

如果我们把node_modules目录删掉，只需要执行npm install命令，npm会自动把pakeage.json中的依赖项下载下来，重新创建node_modules目录，所以node_modules目录是不需要上传git的

三、npm script

npm script 是记录在 package.json 中的 scripts 字段中的一些自定义脚本，使用自定义脚本，用户可以将一些项目中常用的命令行记录在 package.json 不需要每次都要敲一遍。

开发者常常需要使用以下命令来统计项目中的代码行数：

find src -name "*.js" | xargs cat | wc -l

开发者可以将其写入 package.json 中：

"scripts":{
    "lines": "find src -name \"*.js\" | xargs cat | wc -l",
}

以后开发者只需要执行 npm run lines 就可以了，而不需要再去写那么长的命令行，这可以大幅提高效率。需要注意的是，因为命令是写在 json 文件中的，有些特字符需要进行转译，比如上面的双引号。