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

---

1、npm介绍

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

npm简单可以理解为：

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

• npm包的下载器
  

2、进入终端

• win + R 进入
  
• cmd输入
  
• 确定是否安装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的分享就到这里了，感兴趣的可以一起学习~