npm详细介绍带步骤

写在开头

  1. 什么是npm
    npm是node.js的包管理工具(插件/包增删改查)
    npm包的下载器(默认是从国外)
  2. 如何下载
    进入node.js官网根据自己的电脑选择相应的版本,我这里下载安装的是windows 64位的在这里插入图片描述
  3. 如何判断下载成功⭐⭐
  • 安装完成之后,win+R键,输入cmd
    在这里插入图片描述
  • 点击确定,打开如下界面,输入⭐⭐⭐
    node -v ⭐
    npm -v ⭐
    只有两个都显示版本号的时候,才说明安装成功。
    在这里插入图片描述

写在中间

node.js安装成功,我们就要开始创建项目啦,在创建之前我们需要更改安装源

  1. 如何更改安装源
  • 复制下面这个网址,本来我们需要访问外网才可以,但是淘宝为我们提供了,所以我们借过来用即可
    npm config set registry https://registry.npm.taobao.org
  • 把get改为set即可
  • npm config set registry https://registry.npm.taobao.org
    在这里插入图片描述
  1. 如何创建项目⭐⭐
  • 创建文件夹
    cd / 进入根目录
    md mynpm 添加目录,后面名称可以随意起
    cd /mynpm 进入新建的目录,因为要在里面操作
  • 初始化
    npm init (这种需要一直回车确定yes,所以用下面方式更为方便)
    npm init -y ⭐(意思是所有选项都选yes)
    在这里插入图片描述
  • 打开HBuilder,找到你创建的目录,选择即可。在这里插入图片描述
  • 在你的代码编辑器里面可以看到mynpm
    在这里插入图片描述
  1. 如何安装插件
  • install i
    例如下载jQuery (npm i jquery -S 也可以简写)
    npm install jquery -S
    下载less
    npm i less -D
    下载的时候也可以指定版本 npm i jquery@2.1 -S
    在这里插入图片描述

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

  1. 如何卸载插件
  • uninstall r/un
    例如卸载我们刚才安装的jQuery和less
    npm uninstall jquery less
    在这里插入图片描述
  1. 如何更新插件版本
    npm update jquery
  2. 版本的分类
  • 3.6.1 x.y.z
    x大版本:不兼容的更新
    y中版本:更新新的功能
    z小版本:修复一个bug

  • 版本里面有个符号 ^ ⭐
    ^3.6.1 限制更新的版本不能大于等于4
    下面的图是我把自己已经下载过的jQuery删除,然后又重新下载指定版本的jQuery插件,然后可以更新版本,但不会超过3
    在这里插入图片描述
    更新之后,可以在jquery.js里面查看更新过的版本号,我的更新为2.2.4
    在这里插入图片描述
    修改版本使其不固定的位置在package.json里,给前面加上^就可以
    在这里插入图片描述

  • 3.6.1 固定版本锁定版本 这个是不可以更改版本的 必须先卸载
    在这里插入图片描述

写在最后

这一系列的操作我们都会了,那么我们再了解环境,以及如何查看

  1. 环境
    生成环境jQuery --save 的简写-S
    开发环境less --save-dev 的简写-D
    全局 -g 电脑上的所有项目都可以 使用这个插件
  2. 查看
  • npm list查看所有的依赖列表
  • npm root view-g 查看全局的安装目录
  • npm root view 当前项目的安装目录

恭喜你学完npm啦😍😍😍

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值