NPM包管理工具

网友投稿 1681 2022-09-10

NPM包管理工具

NPM包管理工具

NPM包管理工具

NPM全程是Node Package Manager,他是JavaScript的包管理工具,是Node.js平台默认的包管理工具,通过NPM可以安装、共享、分发代码、管理项目依赖关系。

可以从NPM服务器-别人编写的第三方包到本地。可以从NPM服务器-并安装别人编写的命令行程序到本地使用。可以自己编写的包或者命令行上传到NPM服务器供别人使用。

可以吧NPM理解为前端的Maven,通过NPM很方便的-使用js库,管理前端工程。

最新版的Node.js已经继承了npm,所以首先安装Node环境就可以了。

node -vnpm -v

NPM 初始化

初始化项目

npm init

npm init -y

NPM模块的安装

安装方式

npm install 命令用于安装某个模块,安装方式分为本地安装和全局安装两部分。

本地安装将JS库安装在当前实行命令时所在的目录下

npm install [@版本号]

全局安装将JS库安装到你的全局目录下

npm install [@版本号] -g

如果安装出现一下错误:

npm err! Error:connect ECONNREFUSED 127.0.0.1:8087

解决办法:

npm config set proxy null

本地安装

本地安装会将js库存放在当前目录下 安装最新版 express 模块,他是基于node.js平台的web开发框架,执行命令如下:

npm install express

模块版本号显示方式:

指定版本号:比如“3.5.2”,只安装指定版本,遵循“大版本,次要版本、小版本”的格式规定。~ 波浪号+指定版本:比如“~3.5.2”,安装3.5.x的最新版本,不低于3.5.2,但是不安装3.6.x,也就是说,安装时不改变大版本号和次要版本号。^ 插入号+指定版本号:比如 ^3.5.2:安装3.x.x,安装3.x.x的最新版本号,但不安装4.x.x,也就是说安装的时候不改变大版本号。需要注意的四,如果大版本号为0,则插入号的行为与波浪号相同,这是因为此时处于开发阶段,即使是次要版本的变动,也可能带来不兼容。latest:安装最新版本。

指定版本安装

安装jquery2.2.0版本,注意,2.2.0版本必须存在,不然会安装失败。

npm install jquery@2.2.0

全局安装

使用全局安装会安装到全局目录下。 查看全局安装目录:

npm root -g

npm install vue -g

npm config set prefix "d:\npm"npm root -g

很多项目都用到或者是经常用的时候,就是用全局安装。如果是某个项目特定的使用,其他项目一般用不到的时候就使用本地安装。

查看全局安装的模块

npm list -g

生产环境模板安装

格式:--save 或者 -S ,参数的意思是把模块的版本信息保存在package.json文件的 dependencies 字段中(生产环境依赖)。

npm install [--save|-S]

如果不写 --save 或 -S 默认也是安装到生产环境当中。

开发环境模板安装

格式:--save-dev 或 -D 参数是把模块的版本信息保存到 package.json 文件的 devDependencies 字段中(开发环境依赖),所以开发阶段一般使用它:

npm install [--save-dev | -D]

例如 开发环境安装 eslint

npm install eslint -D

批量-模块

从网上-的项目大多只有 package.json ,没有 node_modules 文件夹时,就要使用命令-这些没有的js库。

进入命令提示符,package.json所在的目录,执行以下命令,完成批量-:

npm install

此时,npm 就会自动- package.json 中所依赖的库。

查看模块命令

可以进入安装目录 node_modules 下查看是都有包。使用命令查看。

# 查看本地安装的所有模块npm listnpm ls# 查看指定模块npm list

查看模块远程最新版本

格式:

npm view version

例如:查看jquery模块的最新版本。

npm view jquery version

npm view jquery versions

卸载模块

卸载局部模块

npm uninstall

卸载全局模块

npm uninstall -g

配置淘宝镜像加速

查看当前使用的镜像地址:

npm get registry

npm config set registry config set registry https://registry.npmjs.org/

【重要说明】本文为本人的学习记录,论点和观点仅代表个人而不代表当时技术的真理,目的是自我学习和有幸成为可以向他人分享的经验,因此有错误会虚心接受改正,但不代表此刻博文无误!

【Gitee地址】秦浩铖:​​https://gitee.com/wjw1014​​

版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:Windows OEM系统无法激活系统问题修复
下一篇:PythonI/O进阶学习笔记_7.python动态属性,__new__和__init__和元类编程(上)
相关文章

 发表评论

暂时没有评论,来抢沙发吧~