文章目录

  • npm（Node Package Manager）
  • 一、npm的安装和更新
  • 安装：
  • 更新npm：
  • 二、npm的常用操作
  • 下载内容到项目、取用、卸载内容、更新内容：
  • 三、确保package.json文件中依赖的正确性


npm（Node Package Manager）

qq_2405310636的博客，qq此号，如有不懂加此号联系我。

起源：项目出现的问题，即，包之间的互相依赖，影响到项目的运行；

用途：是一个强大的桥梁，它连接Js语言和操作系统；

一、npm的安装和更新

安装：

  • node官网：http://nodejs.org/en/
  • Downloads
  • 选择系统：Windows Installer
  • 在终端（CMD）直接输入，查看版本号，确定是否已经安装好：
npm -v

更新npm：

  • 在终端（CMD）直接输入，来更新npm：
npm install npm@5.4.0
#其中5.4.0是你所要下载的npm的版本号
npm install npm@latest -g
#其中latest是最新的，-g表示部署到全局

二、npm的常用操作

下载内容到项目、取用、卸载内容、更新内容：

直接在bootcdn里面查找相应的.js的地址，在.html文件里引用:

<script src="https://cdn.bootcss.com//jquery/3.2.1/jquery.js"></script>

同效果而使用node的操作：

  • 打开Terminal命令行（Ctrl+Alt+T），输入命令
  • 进入项目目录：
cd 项目名
#如：
cd 20.2
  • 初始化：
npm init -y
或
npm init --yes
#即所有都设置为默认
#用于生成package.json

在当前项目目录下生成该文件，重要的内容（“文件名”:版本号）：

"dependencies":{
    "bootstrap": "^3.3.7",
    "jquery": "^3.2.1",
    "vue": "^2.4.2"
}

说明：具有这些内容，输入以下命令会直接添加这些依赖：

npm i
  • 输入命令下载文件：
    如：
npm i jquery
或
npm i vue
#等待时间约为1分钟

它先会在npm找有没有，如果没有就会去网上下载，把jquery文件（或vue文件）弄到默认文件夹node_modules library…下；

其等效于命令：npm i jquery --save，但默认就是–save，也就是会在package.json中添加相应的依赖代码；

另外会生成package-lock.json文件；

  • 使用：
  • 打开你用上述命令得到的文件，里面有很多的.js文件；
  • 用鼠标选择你想要的.js文件，拖到你想放的位置，它会自动变成一串地址；
  • 卸载：
    方法1：
#在Terminal中输入
npm uninstall 文件名
#如：
npm uninstall jquery

方法2：

用鼠标选定并删除文件

说明：

法1 和法2 的区别在于前者会连带删掉package.json文件中相应的依赖代码，如"jquery": “^3.2.1”

  • 更新：
npm update 文件名
#该方法是把文件更新到最新的版本
npm update 文件名@版本号
#该方法是把文件更新到指定版本号
#两种方式更新完成后，都会反馈版本号信息
#如：
npm update jquery
npm update jquery@3.0.0

三、确保package.json文件中依赖的正确性

官网：

http://www.npmjs.com/package/normalize.css/

在项目的Terminal（命令行）中输入，来安装normalize.css文件：

npm i normalize.css

卸载normalize.css文件的命令是：

npm uninstall normalize.css

qq_2405310636的博客： 创作不易，引用请注明出处。