发布时间:2023-04-22 文章分类:WEB开发, 电脑百科 投稿人:王小丽 字号: 默认 | | 超大 打印

本文介绍前端开发中对npm的一些操作和配置;
注意:npm是Node的包管理器,在安装node的同时就已经安装上了npm了;
查看node版本:node -v
查看npm版本:npm -v
node各个版本的链接地址:https://nodejs.org/zh-cn/download/releases/
npm中文官网:http://npm.p2hp.com/

0,常用命令

npm init  //构建项目说明,生成 package.json文件
npm install axios  简写 npm i axios //安装依赖 如果想要指定版本需要加上@符号 如:npm i axios@0.18
npm install --save axios // --save 或 -S 安装包信息将放入到 package.json里面的dependencies模块
npm install --save-dev axios //--save-dev 或 -D 安装包信息将放入到 package.json里面的devDependencies模块
npm update axios  //可以把当前目录下node_modules子目录里边的对应模块更新至最新版本     
npm uninstall  axios //卸载依赖
npm ls axios // 查看本地安装的版本
npm -help  //查看npm所有命令

1,查看和设置npm的镜像配置地址
npm默认的镜像地址是:https://registry.npmjs.org/

npm config get registry   // 查看镜像地址

设置其他的镜像地址:

npm config set registry https://registry.npm.taobao.org // 这是国内淘宝镜像地址
npm config set registry https://registry.npmjs.org   // 默认的

2,使用cnpm淘宝镜像

npm install -g cnpm --registry=https://registry.npm.taobao.org //安装cnpm
cnpm install "包名"//使用cnpm安装所想要的包

3,使用yarn

yarn是Facebook发布的一款npm包管理工具;
1, 安全: 在执行代码之前,yarn会通过算法校验每个安装包的完整性。
2,速度快: yarn缓存了每个下载过的包,所以再次使用时无需重复下载。 同时利用并行下载以最大化资源利用率,因此安装速度更快。
3,可靠: 由于yarn.lock存在的机制,项目中的依赖的版本会被锁定,不用担心协同开发过程中出现版本不一致的问题。

npm install yarn -g  //安装命令

安装完成之后检查版本:

yarn --version  // 检查版本

配置yarn:

yarn config get registry // https://registry.npm.taobao.org
yarn config get sass_binary_site // https://npm.taobao.org/mirrors/node-sass/

常用的命令:

yarn init // 生成package.json文件
yarn install // 安装yarn.lock的所有依赖
yarn install --force // 重新安装依赖
yarn remove moduleName // 删除依赖
yarn add moduleName // 安装某个依赖
yarn add moduleName --dev/-D // 安装到开发环境
yarn run scriptName // 执行package.json命名的脚本命令

4,清理npm缓存

下面这两条命令作用是一样的;

npm cache clean --force
npm cache clean -f

5,设置npm代理

设置代理的两种方式:后面的路径写代理的路径

npm config set proxy http://10.10.5.2:8080 //第一种
npm config set proxy="http://10.10.5.2:8080" //第二种

查看代理:

npm config get proxy

删除代理:

npm config set proxy null  // 第一种
npm config set proxy false // 第二种
npm config delete proxy  // 第三种

6,查看配置文件

npm config list   //查看npm的配置