Azure DevOps Server 的连接源（Artifacts）：七、NPM 基础知识

1. 镜像服务器

在继续后面使用Azure DevOps Server使用npm连接源之前，需要首先熟悉npm的一些基本操作知识。

• 得到原本的镜像地址

npm get registry

• 将镜像服务器修改为淘宝

npm config set registry http://registry.npm.taobao.org/

• 将镜像服务器修改为官方地址

npm config set registry http://registry.npmjs.org/

注意，连接国内淘宝服务器速度较快

• 查询本地全局包的地址

npm config get prefix

C:\Users\zhang\AppData\Roaming\npm

2. 初始化项目

npm init

cmd中进入到该目录下。
开始初始化项目：npm init
这样初始化之后，项目目录下会自动生成一个package.json文件。
注意的是，npm init命令后，npm会询问你一系列问题，当你填入答案后才会正式结束初始化，如果不太想自定义一些关于项目的描述，可以不敲npm init，而是直接敲npm init --yes

命令行中将会提示 package.json 字段中需要你输入的值。
名称（name） 和 版本（version） 这两个字段是必填的。
你还需要输入 入口文件字段（main） 字段，默认值是 index.js。

• Package.json 属性说明
  • name - 包名。
  • version - 包的版本号。
  • description - 包的描述。
  • homepage - 包的官网 url 。
  • author - 包的作者姓名。
  • contributors - 包的其他贡献者姓名。
  • dependencies - 依赖包列表。如果依赖包没有安装，npm 会自动将依赖包安装在 node_module 目录下。
  • repository - 包代码存放的地方的类型，可以是 git 或 svn，git 可在 Github 上。
  • main - main 字段指定了程序的主入口文件，require('moduleName') 就会加载这个文件。这个字段的默认值是模块根目录下面的 index.js。
  • keywords - 关键字

3. npm install 下载安装和卸载依赖包

当前项目

• 示例，在当前目录中安装和卸载jquery（本地）

npm install jquery --save

jquery下载到了当前目录的node_modules目录下
同时，在项目文件package.json中添加了对应的依赖

  "dependencies": {
    "jquery": "^3.6.0"
  }

在当前项目目录中，运行下面的命令，将从当前目录node_modules删除依赖包，并在项目文件package.json中移除对应的依赖代码

npm uninstall jquery

• 示例，查看当前项目的依赖包

D:\temp\npm-sample>npm ls
npm-sample@1.0.0 D:\temp\npm-sample
+-- express@4.17.3
| +-- accepts@1.3.8
| | +-- mime-types@2.1.34
| | | `-- mime-db@1.51.0
| | `-- negotiator@0.6.3
| +-- array-flatten@1.1.1
| +-- body-parser@1.19.2
| | +-- bytes@3.1.2
| | +-- content-type@1.0.4 deduped
| | +-- debug@2.6.9 deduped
| | +-- depd@1.1.2 deduped
| | +-- http-errors@1.8.1
| | | +-- depd@1.1.2 deduped
| | | +-- inherits@2.0.4
| | | +-- setprototypeof@1.2.0 deduped
| | | +-- statuses@1.5.0 deduped
| | | `-- toidentifier@1.0.1
| | +-- iconv-lite@0.4.24
| | | `-- safer-buffer@2.1.2
| | +-- on-finished@2.3.0 deduped
| | +-- qs@6.9.7 deduped
| | +-- raw-body@2.4.3
| | | +-- bytes@3.1.2 deduped
| | | +-- http-errors@1.8.1 deduped
| | | +-- iconv-lite@0.4.24 deduped
| | | `-- unpipe@1.0.0 deduped
| | `-- type-is@1.6.18 deduped
| +-- content-disposition@0.5.4
| | `-- safe-buffer@5.2.1 deduped
| +-- content-type@1.0.4
| +-- cookie@0.4.2
| +-- cookie-signature@1.0.6
| +-- debug@2.6.9
| | `-- ms@2.0.0
| +-- depd@1.1.2
| +-- encodeurl@1.0.2
| +-- escape-html@1.0.3
| +-- etag@1.8.1
| +-- finalhandler@1.1.2
| | +-- debug@2.6.9 deduped
| | +-- encodeurl@1.0.2 deduped
| | +-- escape-html@1.0.3 deduped
| | +-- on-finished@2.3.0 deduped
| | +-- parseurl@1.3.3 deduped
| | +-- statuses@1.5.0 deduped
| | `-- unpipe@1.0.0
| +-- fresh@0.5.2
| +-- merge-descriptors@1.0.1
| +-- methods@1.1.2
| +-- on-finished@2.3.0
| | `-- ee-first@1.1.1
| +-- parseurl@1.3.3
| +-- path-to-regexp@0.1.7
| +-- proxy-addr@2.0.7
| | +-- forwarded@0.2.0
| | `-- ipaddr.js@1.9.1
| +-- qs@6.9.7
| +-- range-parser@1.2.1
| +-- safe-buffer@5.2.1
| +-- send@0.17.2
| | +-- debug@2.6.9 deduped
| | +-- depd@1.1.2 deduped
| | +-- destroy@1.0.4
| | +-- encodeurl@1.0.2 deduped
| | +-- escape-html@1.0.3 deduped
| | +-- etag@1.8.1 deduped
| | +-- fresh@0.5.2 deduped
| | +-- http-errors@1.8.1 deduped
| | +-- mime@1.6.0
| | +-- ms@2.1.3
| | +-- on-finished@2.3.0 deduped
| | +-- range-parser@1.2.1 deduped
| | `-- statuses@1.5.0 deduped
| +-- serve-static@1.14.2
| | +-- encodeurl@1.0.2 deduped
| | +-- escape-html@1.0.3 deduped
| | +-- parseurl@1.3.3 deduped
| | `-- send@0.17.2 deduped
| +-- setprototypeof@1.2.0
| +-- statuses@1.5.0
| +-- type-is@1.6.18
| | +-- media-typer@0.3.0
| | `-- mime-types@2.1.34 deduped
| +-- utils-merge@1.0.1
| `-- vary@1.1.2
`-- jquery@3.6.0

其他对依赖包的目录，参考如下：

• 查看全局目录中安装的依赖包：npm ls -g
• 查看特定的依赖包：npm ls <package name>
• 更新依赖包：npm update <package name>

全局目录

• 示例，将express安装到全局目录中（全局）、卸载
  下面的命令将依赖包安装到了全局目录中：C:\Users\zhang\AppData\Roaming\npm\node_modules

npm install express -g

下面的命令将从全局目录中删除依赖包express

npm uninstall express –g

熟悉了上面的这些基本操作以后，我们就可以继续后面的内容了。

4. 相关文章

• Azure DevOps Server 的连接源（Artifacts）：一、概述
• Azure DevOps Server 的连接源（Artifacts）：二、nuget包管理
• Azure DevOps Server 的连接源（Artifacts）：三、从Artifacts中下载Nuget包
• Azure DevOps Server 的连接源（Artifacts）：四、python基础（Django、Flask）
• Azure DevOps Server 的连接源（Artifacts）：五、python包管理pip和twine
• Azure DevOps Server 的连接源（Artifacts）：六、发布python程序（Twine pip）
• Azure DevOps Server 的连接源（Artifacts）：七、NPM 基础知识
• Azure DevOps Server 的连接源（Artifacts）：八、 npm发布和安装包
• Azure DevOps Server 的连接源（Artifacts）：九、vue示例和自动打包

如果需要，你还可以从微软Azure DevOps Server 的在线文档，查询更多的权威资料，也欢迎通过下面的联系方式与我沟通，相互学习，相互提高！

---

https://www.cnblogs.com/danzhang
Azure DevOps MVP 张洪君