【npm】 npm的安装及简单使用 —— 写给初学者的编程教程(简单易懂)


1、npm介绍

npm(“Node 包管理器”)是 JavaScript 运行时 Node.js 的默认程序包管理器。

npm简单可以理解为:

  • node.js的包管理器工具(插件/包 增删改查)

  • npm包的下载器
    Alt

2、进入终端

  • win + R 进入
    Alt
  • cmd输入
    https://ts1.cn.mm.bing.net/th/id/R-C.aa814f3d044c2a1a1a20c2a92d0cb4ff?rik=zLeLpbsFPuuUlA&riu=http%3a%2f%2fwww.windows7en.com%2fuploads%2fallimg%2f151224%2f29-151224143T52G.jpg&ehk=pGAM6IW2nFVGYX%2fcd0zhh9ngPX8ZIiiUNwK%2brSnB9PY%3d&risl=&pid=ImgRaw&r=0
  • 确定是否安装npm
    • 可以去https://nodejs.org/en/下载node.js
npm -v
node -v

在这里插入图片描述

3、更改安装源

为了方便开发,我们最好是直接永久使用淘宝的镜像源

  • 直接命令行的设置
$ npm config set registry https://registry.npm.taobao.org

4、创建项目

创建文件夹

cd /    (目录切换)
md  mynpm     (创建mynpm 文件夹)
cd  mynpm      (切换到mynpm文件夹下)

具体操作可看截图
在这里插入图片描述

此时,可以在C盘看到自己创建的文件夹
在这里插入图片描述

npm init 初始化

npm init

在这里插入图片描述

npm init -y 初始化

  • 所有选项都选yes
npm init -y

在这里插入图片描述

5、环境

产品环境 jQuery

--save
-S

开发环境Less

---save-dev
-D

全局

  • 电脑上所有项目都可以 使用这个插件
-g

6、安装

install (简写 i)

npm install jquery -S
npm i jquery -S
npm i jquery bootstrap -S 
指定版本
npm i juqery @版本号 -S

比如:安装jQuery插件

  • 在终端命令中输入
npm install jquery -S

在这里插入图片描述

  • 也可以这样输
npm i jquery --save

在这里插入图片描述

  • 这样,在你的文件夹里就会多出来jQuery文件,在 packag.json 里可以看到如下代码,就代表已成功:
    在这里插入图片描述

再举个小栗子,安装less

npm i less --save-dev

在这里插入图片描述

  • 也可以这样写
npm i less -D

在这里插入图片描述

  • 当我们在 packag.json 里可以看到如下代码,就代表已成功:
    在这里插入图片描述

npm i

  • 安装package.json规定的所有包/插件
npm i

在终端中输入代码

7、卸载

uninstall (简写r/un)

  • 下载jqeury 、less,可以输入以下命令
npm uninstall jquery less

在这里插入图片描述

8、版本

  • ^:表示最新的次版本,例如,^1.0.4 可能会安装主版本系列 1 的最新次版本 1.3.0

  • :表示最新的补丁程序版本,与 ^ 类似, 〜1.0.4 可能会安装次版本系列 1.0 的最新次版本1.0.7

举个例子方便理解

  • 3.6.1 表示固定版本/锁定版本

  • ^3.6.1 中里面的 ^ 表示:限制更新的版本不能大于等于4

  • ^3.6.1 是版本型号

    • 可以理解为x.y.z
    • x大版本:不兼容的更新
    • y中版本:更新的功能
    • z小版本:修复一个bug

9、查看

注意:以下代码块里面内容在终端窗口里面输入

npm list 查看所有依赖列表

npm list

在这里插入图片描述

更改安装源

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

获取安装源

 npm  config get  registry  https://registry.npm.taobao.org

查看全局安装目录

 npm root view -g

查看当前安装目录

node_modules

在这里插入图片描述

10、更新

update

举个例子 可以在终端里面输入以下命令

npm update jquery

好了,今天npm的分享就到这里了,感兴趣的可以一起学习~

  • 3
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值