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

导读:本篇文章讲解 【npm】 npm的安装及简单使用 —— 写给初学者的编程教程(简单易懂),希望对大家有帮助,欢迎收藏,转发!站点地址:www.bmabk.com


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的分享就到这里了,感兴趣的可以一起学习~

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

文章由半码博客整理,本文链接:https://www.bmabk.com/index.php/post/46290.html

(0)
小半的头像小半

相关推荐

半码博客——专业性很强的中文编程技术网站,欢迎收藏到浏览器,订阅我们!