npm包管理器基本使用

2021-04-22 15:20:08 浏览数 (1)

下载node.js

首先去百度搜索Node.js去下载

Node.js简介

NPM是随同NodeJS一起安装的包管理工具,能解决NodeJS代码部署上的很多问题,常见的使用场景有以下几种:

代码语言:javascript复制
    允许用户从NPM服务器下载别人编写的第三方包到本地使用。
    允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。
    允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。

由于新版的nodejs已经集成了npm,所以之前npm也一并安装好了。同样可以通过输入 "npm -v" 来测试是否成功安装。命令如下,出现版本提示表示安装成功:

更新node.js

如果你使用的是旧版本的node.js,那么如果你想要去更新它 如果是 Window 系统使用以下命令即可:

代码语言:javascript复制
npm install npm -g

使用Npm装模块

npm 安装 Node.js 模块语法格式如下:

代码语言:javascript复制
$ npm install <Module Name>

for example: 比如说,我想写一个页面,但需要引用bootstrap和jquery,也许你可能去bootsrap的官网和jquery的官网去引用链接,但有了npm,事情就变得简单了起来


我们这里使用的是Visual Studio Code

  • 首先我们用cd命令定位到我们的网页目录
  • 初始化 输入npm init -y

然后后它会在目录生成

在package.json中,存储着你安装的包的信息(比如版本等)

安装包

  • 接着我们安装jquery包 输入npm install jquery

它会自动安装jquery(默认为最新版本),也许你需要别的版本的jquery,那么你需要输入npm install jquery@版本号

回车后会自动安装,生成一个名为node_modules的文件,里面会存着我们刚才安装的jquery包

安装bootstrap也一样,输入 npm install bootstrap即可

卸载包

如果你想要卸载某个包,你可以输入npm uninstall 包名

引用包

文件目录:node_moudles>>>dist>>>你想要的文件 前面提到,安装了jquery包生成node_modules的文件夹,在这个文件夹下,我们可以看到jquery这个文件夹,打开后可以看到dist的文件,这里就是我们想要引用的东西了,复制它的路径,粘帖到src后,就引用了我们想要的东西了。 图为引用了bootstrap

更新包

$ npm update 包名 即可更新包到最新版本

使用淘宝 NPM 镜像

大家都知道国内直接使用 npm 的官方镜像是非常慢的,这里推荐使用淘宝 NPM 镜像。

淘宝 NPM 镜像是一个完整 npmjs.org 镜像,你可以用此代替官方版本(只读),同步频率目前为 10分钟 一次以保证尽量与官方服务同步。

你可以使用淘宝定制的 cnpm (gzip 压缩支持) 命令行工具代替默认的 npm:

代码语言:javascript复制
$ npm install -g cnpm --registry=https://registry.npm.taobao.org

这样就可以使用 cnpm 命令来安装模块了:

代码语言:javascript复制
$ cnpm install [name]

0 人点赞