关于npm的介绍、使用、安装及其删除

末蓝、 2022-04-17 07:15 422阅读 0赞

# npm的了解、使用及安装 #

## 什么是npm? ##

#### NPM(node package manager),通常称为node包管理器 ####

> 顾名思义,他的主要功能就是管理node包;  
> 包括:安装、卸载、更新、查看、搜索、发布等;  
> **npm的背后，是基于couchdb的一个数据库，详细记录了每个包的信息，包括作者、版本、依赖、授权信息等。它的一个很重要的作用就是：将开发者从繁琐的包管理工作（版本、依赖等）中解放出来，更加专注于功能的开发。**  
> 它的官方网址是 [https://npmjs.org/][https_npmjs.org]

## 查看版本 ##

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzMxNjMwMA_size_16_color_FFFFFF_t_70]

npm -v

## 升级NPM旧版本 ##

npm install npm -g

## 淘宝镜像 ##

在webstorm中安装时如果存在网络波动安装失败时,我们可以检查输入的代码是否正确然后找到  
**c盘/用户(或者user)/AppData/Roaming/npm(以及npm-cache)**  
清除文件下的安装失败的cnpm文件;如果没有必要的文件可以直接删除npm/npm-cache文件夹中的文件并且重新安装;  
如果还是安装失败,不要放弃多安装几次

npm install -g cnpm --registry=https://registy.npm.taobao.org

## 生成JSON配置文件 ##

npm init -y

输入上面命令可以生成一个配置文件(packsge.json)  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzMxNjMwMA_size_16_color_FFFFFF_t_70 1]

"name"//项目名称
    "version"//版本
    "description"//详细的描述;项目是干什么的
    "main"//入口js;当项目首页注入js时;在对应路径中新建index.js文件
    "dependencies"//项目依赖
    "devDependencies"//开发测试依赖(我这里没有)
    "scripts"//命令行,执行脚本("v":"cnpm -v")
    "keywords"//关键字
    "author"//作者
    "description"//详细的描述;项目是干什么的
    "license"//版权许可证(默认:ISC)

## 安装包 ##

npm install  //安装
    npm i  //安装简写
    npm install (包名@0.1.1)  //安装包
    npm install (包名) -global //全局安装,任意一个项目都可以访问到;
    npm i -g //全局安装的简写
    npm install (包名) --save //添加到dependencies(项目依赖),项目上线时候需到的包
    npm install (包名) -S //添加到dependencies的简写(字母大写)
    npm install (包名) --save-dev //添加到devDependencies(开发依赖)
    npm install (包名) -D //添加到devDependencies(开发依赖)的简写 
    //开发代码使用的包,例如测试,验证等使用的模块的包

## 更新模块 ##

npm update  (包名)  //这是更新到最新的版本
    npm install (包名@版本)   //我们一般使用这个来更新

## 删除模块 ##

npm uninstall (包名)  //删除包
    npm uninstall (包名) -g  //删除全局中的包
    npm uninstall (包名) --save或者npm uninstall (包名) -S  //删除项目依赖的模块
    npm uninstall (包名) --save-dev 或者npm uninstall (包名) -D //删除开发依赖的模块

## 执行脚本 ##

npm run //指令

{ 
      "name": "myproject",
      "devDependencies": { 
        "jshint": "latest",
        "browserify": "latest",
        "mocha": "latest"
      },
      "scripts": { 
    	"dev": "node server.js",
        "lint": "eslint **.js",
        "test": "mocha test/"
      }
    }

> **不能使用node等关键字**  
> **值必须用双引号引起来**  
> **使用时，直接使用npm run dev**  
> **lint 一般用来代码校验格式 使用时必须先安装eslint**  
> **test 一般用来代码测试 使用时必须先安装mocha**

[https_npmjs.org]: https://npmjs.org/
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzMxNjMwMA_size_16_color_FFFFFF_t_70]: /images/20220417/20e2cee0d60b497ba22daf5fd83e8025.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzMxNjMwMA_size_16_color_FFFFFF_t_70 1]: /images/20220417/6e445985f35043febb83eb8a0568552b.png