npm学习一:npm 包管理工具 学习、使用。

简介: 这篇文章是关于npm包管理工具的学习、使用指南,包括npm概述、基础命令和如何安装webpack。

前言

  • 前端学习vue、react、angular 是离不开npm和webpack的,所以这里先自我学习和系统学习一下npm吧。
  • 主要学习npm 的用处和来源、使用命令、配置文件地址、安装包路径 等等。

一、npm 概述

  1. npm 全称:Node Package Manager 也就是 node 包管理器,类似于java中的maven。
  2. node.js 中包含 npm包管理器,所以,下载node.js 便有了npm。

二、npm 基础命令

  1. 查看 npm 安装的全局 组件 所在的根目录
    npm -g root

  2. 查看npm 使用的 镜像
    npm config get registry

  3. npm 设置成 淘宝镜像
    npm config set registry https://registry.npm.taobao.org --global
    命令实例:
    在这里插入图片描述

  4. 删除npm 安装的 镜像
    npm config delete registry

  5. 设置 cnpm
    淘宝团队做的国内镜像,因为npm的服务器位于国外可能会影响安装。淘宝镜像与官方同步频率目前为 10分钟 一次以保证尽量与官方服务同步。
    cnpm -v 来测试是否成功安装
    安装命令:
    npm install cnpm -g --registry=https://registry.npm.taobao.org
    在这里插入图片描述

  6. 安装包
    npm install XXX(包名) --save 简写命令为: npm i XXX -S
    –save : --save 表示 在 package.json 文件中(dependencies)记录 下载包的版本信息;下载生产依赖包。
    npm install XXX(包名) --save-dev 简写命令为: npm i XXX -D
    –save-dev:下载开发依赖包。

  7. 查看包的详细信息
    npm info jquery

  8. 查看当前项目是否安装该包,也可查看当前安装包的版本
    npm ls jquery

  9. 查看一个包存在的所有版本号
    npm view jquery versions

  10. 查看指定包当前的最新版本
    npm view jquery version

  11. 下载指定版本的包
    npm install jquery@3.4.1

  12. 查看项目安装了哪些包
    npm list

  13. 包的修复 ,一般是包的更新
    npm audit fix

  14. -g -S -D

    • -g:全局安装。 将会安装在C:\ Users \ Administrator \ AppData \ Roaming \ npm,并且写入系统环境变量;非全局安装:将会安装在当前定位目录;全局安装可以通过命令行任何地方调用它,本地安装将安装在定位目录的node_modules文件夹下,通过要求调用;
    • -S:即npm install module_name --save,写入package.jsondependencies ,dependencies 是需要发布到生产环境的,比如jq,vue全家桶,ele-ui等ui框架这些项目运行时必须使用到的插件就需要放到dependencies
    • -D:即npm install module_name --save-dev,写入package.jsondevDependencies ,devDependencies 里面的插件只用于开发环境,不用于生产环境。比如一些babel编译功能的插件、webpack打包插件就是开发时候的需要,真正程序打包跑起来并不需要的一些插件。
  15. npm run dev 运行的 dev 为 package.json 中script 中的脚本。

  16. npm uninstall 包名 删除全局node_modules 中的包。

三、npm 安装 webpack

webpack 一般作为打包工具来使用,所以一般安装时,也都是全局安装的。
有单独博客来写,这里就不再赘述了。

相关文章
|
2月前
|
JavaScript 前端开发 Java
npm学习一:npm 包管理工具 学习、使用。
这篇文章介绍了npm的基础知识和常用命令,包括安装包、查看包信息、管理依赖等操作,并提供了如何删除npm安装的镜像以及如何彻底删除node_modules文件夹的具体步骤。
108 2
|
2月前
|
缓存 资源调度 JavaScript
npx与npm的差异解析,以及包管理器yarn与Node版本管理工具nvm的使用方法详解
npx与npm的差异解析,以及包管理器yarn与Node版本管理工具nvm的使用方法详解
66 0
|
2月前
|
资源调度 前端开发 安全
前端实战:基于Verdaccio搭建私有npm仓库,轻松上传与下载自定义npm插件包
前端实战:基于Verdaccio搭建私有npm仓库,轻松上传与下载自定义npm插件包
131 0
|
3月前
|
数据安全/隐私保护
发布一个npm包
发布一个npm包
124 2
|
5月前
|
运维 Kubernetes Java
阿里云云效操作报错合集之npm包已经发布到了制品仓库,但流水线中拉取依赖时出现404错误,该如何排查
本合集将整理呈现用户在使用过程中遇到的报错及其对应的解决办法,包括但不限于账户权限设置错误、项目配置不正确、代码提交冲突、构建任务执行失败、测试环境异常、需求流转阻塞等问题。阿里云云效是一站式企业级研发协同和DevOps平台,为企业提供从需求规划、开发、测试、发布到运维、运营的全流程端到端服务和工具支撑,致力于提升企业的研发效能和创新能力。
阿里云云效操作报错合集之npm包已经发布到了制品仓库,但流水线中拉取依赖时出现404错误,该如何排查
|
4月前
NPM——删除已发布的包
NPM——删除已发布的包
155 1
|
4月前
|
JavaScript 前端开发 开发者
从零到一:教你如何发布自己的npm插件包
从零到一:教你如何发布自己的npm插件包
|
4月前
|
JavaScript
GitHub——自动发布NPM包
GitHub——自动发布NPM包
38 0
|
5月前
|
JavaScript 测试技术
npm发布自己的插件包
npm发布自己的插件包
|
5月前
|
JavaScript 开发工具 数据安全/隐私保护
npm包【详解】(内含npm包的开发、发布、安装、更新、搜索、卸载、查看、版本号更新规则、package.json详解等)
npm包【详解】(内含npm包的开发、发布、安装、更新、搜索、卸载、查看、版本号更新规则、package.json详解等)
131 0