npm的基本介绍

# npm 的概念

node.js 下的一个应用市场。https://www.npmjs.com/。完成前端构建化工作：压缩、打包，需要从 npm 这个应用市场下载对应的工具。npm：nodejs package manage

# 常见的使用场景

1. 允许用户从 NPM 服务器下载别人编写的第三方包到本地使用。（买家）（下插件：vue,juqery,boostrap,react）

2. 允许用户从 NPM 服务器下载并安装别人编写的命令行程序到本地使用。(买家)（下工具，压缩、打包叫工具）

3. 允许用户将自己编写的包或命令行程序上传到 NPM 服务器供别人使用。（卖家）

# npm 的指令

1
2
3
4
5
6
7
8

npm -v 查看npm版本
npm list -g 列出所有的通过npm安装的包
npm install 安装包 [-g ] //-g表示全局安装：Global
	//install可以简写为
npm i 包名 -g
//在全局安装包，去掉-g则在当前目录安装
npm uninstal 包名  //卸载该模块 
npm ls  //卸载后查看该模块是否还在

# 全局安装和局部安装的区别

（-g 是否添加的区别）

1. 全局安装的包可以在电脑的任意文件夹下都可以使用（只需下载一次可以到处使用）- 工具类的
2. 局部安装：只能在当前下载的目录下使用（应用类的，消费类的）

# 如何加快 npm 的下载速度

使用 npm 去下载依赖包可能会很慢，因为从国外服务器下载的

可以切换成国内服务器下载，大大加快下载速度。

1

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

下载下载包时使用 cnpm 来代替 npm

使用 cnpm -v 测试是否成功

1
2
3
4

//常见问题：下载完毕后输入cnpm -v出现报错信息，提示在C盘无法加载文件的解决办法
1.以管理员身份运行： powerShell
2.在出来的命令行中输入：set-ExecutionPolicy RemoteSigned
3.在出来的选项中输入A，回车即可

# 安装使用 uglify-js

uglify-js 是工具类的包，建议安装到全局。

1
2
3
4
5
6
7
8

npm install uglify-js -g
//查看是否安装成功
uglifyjs -v
//使用压缩，将命令行定位到要处理的JS的目录下
1.简单压缩，只去掉注释、留白
uglifyjs target.js -o target.min.js
2. 复杂压缩，去掉注释、留白、精简变量名和函数名
uglifyjs target.js -m -o target.min.js

# 发布包到应用市场

一、准备工作：

1. 注册一个 npm 账号 (注册 github 一样的)

2. 要发布的包，至少需要以下 3 样东西：

   readme.md–给其他人看的说明文档 - 使用 markdown 来写

   代码–自己写的代码

   package.json–包的描述文档（要符合 npm 的包发布管理规则）

   1 2 3 4

   //如何生成package.json //通过npm init引导我们生成 npm init 输入后回车，然后按照提示进行，如果要默认的直接回车即可，否则在光标处输入修改

二、按照下面的步骤发布

5、通过npm login 指令输入你刚刚注册的账号和密码登录，登录成功后,可通过npm whoami 来查看登录信息
6、输入npm publish --access public 将你的包提交到npm平台上
7、静候佳音，如果一切顺利，过几分钟后就可以在npm上看到你发布的包了，你也可以通过npm搜索你的包，如果能搜索到，表示已经发布成功

注意：如果修改了包名，需要再次发布更新到线上时，一定要改变下版本号