npm

NMP的使用

项目的初始化

npm init -y //使用默认的方式直接生成
yarn init -y

包的下载

//安装全局包
npm i http-server -g
yarn global add http-server

//安装本地包
npm i jquery //将会放到package.json中的 dependencies中 表示开发和产品都需要用到该库
//或
npm i jquery -S

//只有在开发时才用到该库 会放置到 devDependencies中
npm i jquery --only=dev
npm i jquery --save-dev
npm i jquery -D

放置到dependencies中和放置到devDependencies的区别:
在项目使用中,无论放置到哪都是可以的,真实的区别在于当我们将我们的项目发布到npm或是git时候,用户在下载使用库时
只会下载dependencies关联的库而不会下载devDependencies

指定版本安装包
npm install [email protected]

版本号

一般的版本号都是3位 1.0.0 第一位表示大的更新,可能对旧的代码不兼容了第二位是增加一些功能第三位是修复一些bug
^2.1.0 大于该版本并且小于3版本
~2.1.0 中间的版本号不超过1
>=2.1.0只要大于2.1.0
Alpha Beta RC Alpha还有大量的bug版本 Beta已经没有大bug了 RC已经很成熟了
^2.1.0-beta.1

npm install --production

只安装dependencies中的依赖项

npm link(本地全局包)

新创建项目
创建bin文件夹
在bin文件夹中创建www文件
在文件中写入#! /usr/bin/env node console.log('my global package')
在package.json文件中添加配置"bin":{"gpt":"./bin/www"}
在项目根目录执行 sudo npm link
在命令行中输入 gpt 就可看到结果了
如果测试没有问题则可以将包放到npm官网
npm 的作用其实就是在 usr/local/bin中建立一个软连接,连接到项目,当执行gpt命令时就会通过这个软连接找到项目的www文件,再通过#!配置的环境运行代码

sudo npm cache clean --force 强制清除缓存信息

有时候安装库一半的时候取消了,再次安装时可能会出现问题
这时候使用该命令就会出现没权限的问题,需要使用该命令清除缓存

peerDependencies 要求安装的版本

当我们再项目中需要安装特定的版本库的时候可以在package.json中添加peerDependencies,例如:

"peerDependencies":{
  "jquery":"3.4.1"
}

如果版本不匹配或是没有安装jquery的话将会被提示

npm pack 打包当前项目

执行该命令,就会把刚项目自动打包成一个.tgz文件

bundleDependencies 打包项目时,将包含的依赖一起打包

当我们在执行 npm pack时会生成一个.tgz文件,但依赖的包默认是不会被打包到里面的,可以通过bundleDependencies将需要的安装包一起打包

optionalDependencies 可选包

可下载可不下载的包,就算下载失败也可以

使用npm升级项目版本 npm version xxx

升级最小的版本(如该版本修复一些bug)使用 npm version patch
添加了一些小的功能 npm version minor
大的改动 npm version major
使用npm version的方式升级版本和直接在 package.json中修改代码有什么不一样呢?
使用该功能可连通git的tag一起升级

npm script

使用package.json中的scripts字段配置要执行的脚本

可执行 scripts:{"test":"mocha ./test.js"}
可执行node_modules/.bin下的文件
可使用npx直接执行 node_modules/.bin下的文件如:npx mime 1.jpg
使用npx的好处是啥呢? 如果当前没有使用到的模块,可以立即安装该模块,使用完成后销毁该模块(相当于临时使用)
npx举例,npx create-react-app project name 如果使用npx去安装react每次都是最新的包,如果使用npm下载到本地每次想用最新版本还需要升级

nrm切换npm源

安装全局nrm sudo npm install nrm -g
nrm ls 可查看到全部的源
nrm use npm 切换到npm的官方源

npm发布流程

切换npm源到官方源(使用nrm,见上例)
npm addUser或是 npm login
npm publish

npm