初识npm

Posted 2020-08-17 baibaiguaiguai

一、npm简介

　　npm全称为Node Package Manager，是一个基于Node.js的包管理器，也是整个Node.js社区最流行、支持的第三方模块最多的包管理器。

npm的初衷：javascript开发人员更容易分享和重用代码。

npm使用场景：允许用户获取第三方包并使用

npm版本查询：npm -v

npm安装：

　　1.安装Node.js

　　　　由于新版的Node.js已经集成了npm，所以可直接通过输入npm -v来测试是否成功安装。

　　2.使用npm命令来升级npm: npm install npm -g

二、npm的工作原理

　　1.什么是包（package）?

　　　　当一个大型程序交由数个不同的程序人员开发时，用到相同的类名是很有可能的，在java程序开发中为了避免上述事件，提供了一个包的概念（package），使用方法很简单，只需要在写的程序第一行使用package关键字来声明一个包。

　　2.什么是模块（module）?

　　　　模板是通过配置文件中的一个dom节点进行包含一个或多个包。通常一般由包和配置文件以及相关模块程序构成完成一个或多个业务功能操作。

　　3.为什么使用模块化？

　　　　减少代码之间的关联度，部署方便，更好的分离 按需加载，避免命名冲突，容易维护。

　　4.什么是模块化？

　　　　Node自带的规范 Commonjs规范

　　　　Commonjs是node的规范，运行在服务端，不是浏览器端，如果使用在浏览器端，需要使用对该文件进行打包编译（借鉴工具browserify，webpack，gulp等）

　　　　书写模块的时候，对外暴露接口 module.exports={} exports.xxx=

　　　　引入模块 require(路径)

　　　　Commonjs暴露的本质是一个叫exports的对象

　　　　Module.export={}和exports.xxx=

　　　　二者暴露的本质是一样的，都是暴露一个exports对象

　　　　Commonjs是node的规范，但他是同步加载的，同步加载在浏览器端是一个坑，只要一个环节卡住了，后面的就没法执行。所以不建议使用，如果非要使用就需要编辑打包。

　　模块
　　　　1.node自带的模块(包) path url fs
　　　　2.第三方模块 weui jquery axios zepto
　　　　Npm 全名 node packsge manager node包管理工具 增删查改
　　　　如果npm操作太慢，可以安装npm镜像
　　　　npm install -g cnpm --registry=https://registry.npm.taobao.org

 

　　下载
　　　　Npm install jquery
　　　　下载存放的位置
　　全局下载 在任何一个文件夹下都能使用这个包 全局安装目录
　　C:\Users\Administrator\AppData\Roaming\npm\node_modules
　　如何全局安装
　　　　Npm install -g jquery
　　局部安装
　　　　Npm install jquery
　　　　就会在当前目录下生成一个node_modules的文件夹里面
　　　　Npm install jquery --save
　　这个是下载运行环境(生产环境)的包 比如 jquery

 

　　　　Npm install jquery --save -dev
　　　　这个是下载开发环境所以来的包 比如npm browserify

　　二者区别
　　　　前者--save 是上线时会被压缩的包 后者--save-dev是上线时会被抛弃的包

　　指定版本下载
　　　　Npm install [email protected] --save
　　删除
　　　　Npm uninstall jquery
　　查版本
　　　　Npm search jquery
　　更新
　　　　Npm updata jquery