浅学一下npm包管理工具

122 阅读1分钟

coderwwh——w:what——w:why——h:how

包管理工具npm

图片.png 现在不仅仅是node包管理器

项目配置文件

我们每个形目都会有一个配置文件, 在node环境下面叫做package.json

举个例子

  • vue-cli4

图片.png

  • vue-cli2

图片.png

创建及常见的属性

npm init npm init -y

图片.png

图片.png

引用coderwhy老师的笔记 图片.png

图片.png

版本管理问题

X.Y.Z

  • X:主版本号,大更新,做了不兼容之前API的修改

  • Y:次版本号,做了向下兼容功能新增,新增加功能,但是兼容之前的版本

  • Z:修订号,没有新功能,修复了一些bug之类

^ / ~

  • ^X.Y.Z:X不变,Y,Z最新
  • ~X.Y.Z:X,Y不变,Z最新

全局安装和局部安装

npm install

  • 全局安装 npm install xxx -g
    • 一般是工具全局安装,并且生成可执行文件,自动配置环境变量,比如yarn
    • 误区:并不是用来安装axios,express之类的
    • 全局安装好了axios之后并不能所有项目中使用axios,(参考之前文章查找以来的顺序)
  • 局部安装 npm install

图片.png

  • npm install根据package.json来安装依赖

npm install原理

参考coderwhy老师的图

图片.png

补充:

  • 依赖由树结构编程扁平化

package-lock.json

yarn

用npm安装yarn,然后yarn可以替代npm,神奇

自己安装了个可以替代自己的东西

cnpm

镜像

npx

是自带的,用来调用项目中某个模块的指令

在项目里使用命令想用本项目的(局部的),但是默认是常用的,为了解决这个问题:

方法一,修改script

方法二,npm xxxxxx