node-包管理工具 npm

最新推荐文章于 2024-06-17 16:15:05 发布

程序媛~~~

最新推荐文章于 2024-06-17 16:15:05 发布

阅读量320

点赞数

分类专栏： node

本文链接：https://blog.csdn.net/weixin_57218747/article/details/117304170

版权

node 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

NPM

介绍

全称：Node Package Manager , Node 的包管理器，也是一个应用程序。

包是什么

Node.js 的包基本遵循 CommonJS 规范，将一组相关的模块组合在一起，形成一个完整的工具

CommonJS 规范，

导入 require

导出 module.exports 工具包：依赖，模块，模组。内置模块、第三模块（npm）、自定义模块

作用

通过 NPM 可以对 Node 的工具包进行搜索、下载、安装、删除、上传。借助别人写好的包，可以让我们的开发更加方便。

安装

安装完 nodejs 之后会自动安装 npm

常用命令

查看 npm 的版本

npm -v

初始化

npm init
npm init --yes
npm init -y

运行后会创建 package.json 文件

{
  "name": "1-npm",      #包的名字
  "version": "1.0.0",   #包的版本
  "description": "",    #包的描述
  "main": "index.js",   #包的入口文件
  "scripts": {			#脚本配置
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",			#作者
  "license": "ISC"		#版权声明
}

注意生成的包名不能使用中文，大写！！！不能使用 npm 作为包的名字

关于开源证书扩展阅读

http://www.ruanyifeng.com/blog/2011/05/how_to_choose_free_software_licenses.html

搜索包

npm search jquery
npm s jquery

一般在搜索工具包的时候，会到 https://npmjs.org 搜索

安装工具包

npm install jquery
npm i jquery

# 安装并在 package.json 中保存包的信息(dependencies 属性)
npm install jquery --save
npm install jquery -S
// production  ：生产环境：源码进行打包之后      html.js css 项目开发完之后，所运行的环境
// development   开发环境：源码 打包：a.js b.js c.js d.js development
# 安装并在 package.json 中保存包的信息(devDependencies 属性)
npm install babel --save-dev
npm install babel -D

6 版本的 npm ，安装包时会自动保存在 dependencies 中，可以不用写 --save

script脚本命令：

将命令放置到脚本中存储，npm run less

如果名字为start，run可以省略不写

全局安装

npm install less -g
npm install nodemon -g

全局安装一般用于安装全局工具，如 cnpm，yarn，webpack ，gulp等，全局命令的安装位置

C:\Users\你的用户名\AppData\Roaming\npm

全局安装命令在任意的命令行下, 都可以执行

安装依赖

根据 package.json 中的依赖声明，安装工具包

npm i
npm install
npm i --production // 只安装 dependencies 中的依赖

移除包

npm remove jquery

使用流程

团队开发时使用流程

从仓库中拉取仓库代码
运行 npm install 安装相关依赖
运行项目，继续开发

封装 NPM 包

将自己开发的工具包，放置到npmjs当中，供其他人下载

创建自己的 NPM 包可以帮助代码进行迭代进化，使用步骤也比较简单

修改为官方的地址

设置数据源：npm config set registry 生成地址 https://registry.npmjs.org/)

获取数据源：npm config get registry
创建文件夹，并创建文件 index.js，在文件中声明函数，使用 module.exports 暴露

const request = require("request");// 请求数据库
function listmore(pageNo,pageSize){
    return new Promise(function (resolve,reject) {
        request("https://m.lagou.com/listmore.json?pageNo="+pageNo+"&pageSize="+pageSize,function (err,response,body) {
            if(!err && response.statusCode === 200){
                resolve(JSON.parse(body));
            }else{
                reject(response.statusCode);
            }
        });
    })
}
module.exports = listmore;

npm 初始化工具包，package.json 填写包的信息

{
  "name": "wangxiudaiziqiang01",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC"
}

账号注册（激活账号）,完成邮箱验证
命令行下『npm login』填写相关用户信息：😄

Username: wangxiu
Password:
Email: (this IS public) 1462363969@qq.com
Logged in as wangxiu on https://registry.npmjs.org/.

5 .c c命令行下『 npm publish』提交包 👌

npm 有垃圾检测机制，如果名字简单或做测试提交，很可能会被拒绝提交

可以尝试改一下包的名称来解决这个问题

npm notice
npm notice package: wangxiudaiziqiang01@1.0.0
npm notice === Tarball Contents ===
npm notice 494B index.js
npm notice 215B package.json
npm notice === Tarball Details ===
npm notice name:          wangxiudaiziqiang01
npm notice version:       1.0.0
npm notice package size:  540 B
npm notice unpacked size: 709 B
npm notice shasum:        1aa29ee22d8125a49388c5b0ccd1d298a372dc5d
npm notice integrity:     sha512-IBJ7DcDWk6UXc[...]UM1qtANJ4sBgA==
npm notice total files:   2
npm notice
+ wangxiudaiziqiang01@1.0.0

升级 NPM 包，需要修改 package.json 中的版本号修改，只需要执行『npm publish』就可以能提交

修改包代码
修改 package.json 中版本号 1.0.1
npm publish 提交

用户想用最新的版本，用 npm unpdate zhangpeiyue 更新包。

删除 npm 包

npm unpublish 包名 --force

CNPM

介绍

cnpm 是淘宝对国外 npm 服务器的一个完整镜像版本，也就是淘宝 npm 镜像，网站地址http://npm.taobao.org/

安装

安装配置方式有两种

npm install -g cnpm --registry=https://registry.npm.taobao.org
alias cnpm=“npm --registry=https://registry.npm.taobao.org
–cache= $KaTeX parse error: Undefined control sequence: \ at position 23: …pm/.cache/cnpm \̲ ̲--disturl=https…$ HOME/.cnpmrc” (只能在Linux下使用)

使用

配置完成后，就可以使用 cnpm 命令来管理包，使用方法跟 npm 一样

cnpm install jquery
cnpm install express -S   //保留在生产环境中  --save
cnpm insatll axios -D     //建议使用cnpm时加上后缀 --dev

npm 配置镜像地址

//淘宝镜像
npm config set registry https://registry.npm.taobao.org
//官方镜像   
npm config set registry https://registry.npmjs.org/

查看当前镜像地址
npm config get registry

在发布工具的时候, 一定要将仓库地址, 修改为官方的地址

Yarn

介绍

yarn 是 Facebook 开源的新的包管理器，可以用来代替 npm。

特点

yarn 相比于 npm 有几个特点

本地缓存。安装过的包下次不会进行远程安装
并行下载。一次下载多个包，而 npm 是串行下载
精准的版本控制。保证每次安装跟上次都是一样的

安装

yarn 安装

只需要一行命令即可安装 yarn

npm install yarn -g

msi 安装包安装

https://classic.yarnpkg.com/en/docs/install#windows-stable

CYarn

跟 npm 与 cnpm 的关系一样，可以为 yarn 设置国内的淘宝镜像，提升安装的速度

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

配置后，只需将yarn改为cyarn使用即可

附录

关于版本号

版本格式：主版本号.次版本号.修订号

“^3.0.0” ：锁定主版本，以后安装包的时候，保证包是3.x.x版本，x默认取最新的。
“~3.2.x” ：锁定小版本，以后安装包的时候，保证包是3.1.x版本，x默认取最新的。
“3.1.1” ：锁定完整版本，以后安装包的时候，保证包必须是3.1.1版本。

安装指定版本的工具包出现兼容性的时候会指定版本

yarn add jquery@1.11.2

npm 清除缓存

npm cache clean --force
 关闭所有的cmd，重新打开再次下载

当发现npm.yarn 安装出现异常了，然后不要再次重新安装，会对后面的产生影响

1 将node_modules删除

2 重新安装 npm i 或 yarn

程序媛~~~

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
node-包管理工具 npm

NPM介绍全称：Node Package Manager , Node 的包管理器，也是一个应用程序。包是什么Node.js 的包基本遵循 CommonJS 规范，将一组相关的模块组合在一起，形成一个完整的工具CommonJS 规范，导入 require 导出 module.exports 工具包：依赖，模块，模组。内置模块、第三模块（npm）、自定义模块作用通过 NPM 可以对 Node 的工具包进行搜索、下载、安装、删除、上传。借助别人写好的包，可以让我们的开发更加方便。安
复制链接

扫一扫