文章目录

  • 1、npm介绍
  • 2、进入终端
  • 3、更改安装源
  • 4、创建项目
  • 创建文件夹
  • npm init 初始化
  • npm init -y 初始化
  • 5、环境
  • 产品环境 jQuery
  • 开发环境Less
  • 全局
  • 6、安装
  • install (简写 i)
  • npm i
  • 7、卸载
  • uninstall (简写r/un)
  • 8、版本
  • 9、查看
  • npm list 查看所有依赖列表
  • 更改安装源
  • 获取安装源
  • 查看全局安装目录
  • 查看当前安装目录
  • 10、更新



1、npm介绍

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

npm简单可以理解为:

  • node.js的包管理器工具(插件/包 增删改查)
  • npm包的下载器
  • npm编译指定全局node_modules_前端

2、进入终端

  • win + R 进入
  • cmd输入
  • 确定是否安装npm
  • 可以去https://nodejs.org/en/下载node.js
npm -v
node -v

npm编译指定全局node_modules_npm_02

3、更改安装源

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

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

4、创建项目

创建文件夹

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

具体操作可看截图

npm编译指定全局node_modules_初始化_03

此时,可以在C盘看到自己创建的文件夹

npm编译指定全局node_modules_初始化_04

npm init 初始化

npm init

npm编译指定全局node_modules_npm_05

npm init -y 初始化

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

npm编译指定全局node_modules_npm_06

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编译指定全局node_modules_前端_07

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

npm编译指定全局node_modules_初始化_08

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

再举个小栗子,安装less

npm i less --save-dev

npm编译指定全局node_modules_前端_09

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

npm编译指定全局node_modules_初始化_10

  • 当我们在 packag.json 里可以看到如下代码,就代表已成功:

npm i

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

npm编译指定全局node_modules_jquery_11

7、卸载

uninstall (简写r/un)

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

npm编译指定全局node_modules_前端_12

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编译指定全局node_modules_前端_13

更改安装源

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

获取安装源

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

查看全局安装目录

npm root view -g

查看当前安装目录

node_modules

npm编译指定全局node_modules_前端_14

10、更新

update

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

npm update jquery

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