npm工具的学习

阅读数:211 评论数:0

跳转到新版页面

分类

html/css/js

正文

一、概述

npm的全称是Node Package Manager,是随同NodeJS一起安装的包管理和发布工具。

不过现在更推荐使用pnpm工具,使用过pnpm就真得不太愿意用npm了,因此pnpm一般不会那种包冲突的问题。

pnpm参考:http://1024s.top/blog/detail?blogId=45597

1、package.json与package-lock.json

(1)package.json的作用

描述模块依赖关系以及包地址的配置文件,只锁定大版本号

(2)package-lock.json的作用

这个文件锁定了你第一次安装模块时的版本号,package.json里的dependencies只能锁定大版本号,不能锁定你具体使用哪个版本号。2个json文件都是自动生成的,一般不手动修改。

二、配置

1、更换淘宝镜像

npm config set registry http://registry.npm.taobao.org/
// 查看是配置结果
npm config get registry

2、使用cnpm替换npm

npm install -g cnpm --registry=https://registry.npm.taobao.org"

以后就可以用cnpm代替npm命令了。

三、常用使用方式

1、升级npm

由于npm自身的更新频率比Node.js高很多,所以通过上面的命令安装的npm可能不是最新版本
升级命令

npm install npm@latest -g

不过实际一般不会只升级npm的版本,更多的是切换nodejs的版本

(1)在Linux下可以使用n模块管理nodejs版本

http://1024s.top/blog/detail?blogId=46186

(2)在windows下可以使用nvm工具管理nodejs版本

2、全局安装 

npm install -g
npm uninstall -g

表示会安装到全局环境里,通过npm prefix -g可以查看到安装位置。全局安装后可以使用命令行直接运行该组件支持的命令。

在linux环境中需要配置环境变量:

(1)临时环境变量

在shell中运行,$PATH:后跟上你想要加入环境变量的目录,或者修改/etc/profile文件 

export PATH=$PATH:/home/xx.xx/node-v8.11.3-linux-x64/bin

(2)对当前用户有效

修改用户目录下的.bashrc文件

vim ~./bashrc,在文件最后添加该语句。

PATH=$PATH:/home/xx.xx/node-v8.11.3-linux-x64/bin

3、局部安装

是把安装包安装在项目的node_modules文件夹下。

局部安装后,可以直接通过require()或import方式引入项目中的node_modules目录下的模块。

npm install module_name -S
npm install module_name --save 写入dependencies
 
npm uninstall module_name -S
npm uninstall module_name --save

这将从你的 node_modules 目录中移除该包,并且也会更新你的 package.json 和 package-lock.json 文件,移除对该包的依赖。

如果你想要全局卸载一个包(即之前是使用 npm install -g 安装的),你需要添加 -g 或 --global 标志。

3、开发环境安装/卸载

对应devDependencies

会把X包安装到node_modules目录中

会在package.json的devDependencies属性下添加X

之后运行npm install命令时,会自动安装X到node_modules目录中

npm install module_name -D
npm install module_name --save-dev 写入devDependencies
 
npm uninstall module_name -D
npm uninstall module_name --save-dev
#安装指定版本的包
npm i xxx@4.11.0 --save-dev

4、查看某个模块的所有版本

npm view xxx versions 或者 npm info xxx

5、npm init

npm init 是一个用于初始化 npm 项目的命令。它会引导你完成创建一个新的 npm 项目所需的配置过程,并生成一个 package.json 文件。

如果你希望跳过交互式配置过程,可以使用 npm init -y 命令来快速创建一个默认配置的 package.json 文件,其中所有选项都将使用默认值。




相关推荐

一、package.json package.json文件只能锁定大版本,也就是版本号的第一位,并不能锁定后面的小版本。 二、package-lock.json package-lock.json文件

yarn是Facebook发布的一款取代npm的包管理工具。 一、安装配置 1、安装 npm install -g yarn 2、设置

一、概述 yarn命令行 npm命令行 yarn npm yarn add package --dev npm install package --save-dev yarn a

一、准备工作 需要安装node.js pnpm全称是performant npm意为高性能的npm 1、depedencies和devDependencies的区别 (1)在webpack打包的时候,

一、使用pnpm新建项目 可以使用npm 或yarn或pnpm来初始化Vite项目 pnpm create vite xxx(项目名称) #选择vue #选择js cd xxx (进入项目目录) #安

一、概述 在使用npm下载依赖的时候,常常会遇到无法解析依赖树的问题(依赖冲突)。 unable to resolve dependency tree 这里使用--legacy-peer-deps就可

一、概述 使用nvm可以在同一台机器上安装和切换不同版本node的工具。 二、使用 1、下载+安装 https://github.com/coreybutler/nvm-windows/release

一、概述 在 Node.js 项目中,如果你想要安装一个本地的库,你可以使用 npm 或 yarn 来链接到本地的文件系统。这通常用于开发和测试阶段,让你可以在不发布到 npm 注册表的情况下使用和测

一、概述 Electron 是一个开源框架,用于构建跨平台的桌面应用程序。它由 GitHub 开发和维护,结合了 Chromium 和 Node.js 的功能,使开发者能够使用 Web 技术(如 HT