前端工具——npm

npm

官网：https://www.npmjs.com/

npm是随同NodeJS一起安装的包管理工具。

npm:（这个总结是在runoob.com中截取的，除了第一个功能使用到之外，其它还没有用到。）

• 允许用户从npm服务器下载别人编写的第三方包到本地使用
• 允许用户从npm服务器下载并安装别人编写的命令行程序到本地使用
• 允许用户将自己编写的包或命令行程序上传到npm服务器工别人使用

新版的NodeJS集成了npm，所以安装了NodeJS之后直接可以在Node.js Commond prompt(类似控制台)使用npm命令。

查看是否安装成功

输出版本号，即安装成功

更新升级如下：（-g表示全局安装）

不过npm在国内使用的时候好像有点慢.......解决方法也是有的

就是换成国内淘宝镜像cnpm，使用方法跟npm是一样的

安装cnpm，如下：

通过上面的命令安装好cnpm之后你就可以使用了（注：下面所讲解的例子，所有的npm命令都可以换成cnpm）

然后你就可以通过npm/cnpm下载安装项目所需的模块

---

下面举一个例子演示一下我在学习时经常使用到的一些命令，供读者参考

eg：

1.创建一个<npmtest>文件夹，然后使用cmd命令行进入这个文件夹

2.使用npm init创建package.json

使用命令时需要键入一些基本的信息，根据自身实际情况填写就可以了。

通过上面的操作，你就可以在你的npmtest文件夹中发现新生成一个package.json文件

且文件中的内容就是在初始化时所填写的内容

3.安装模块

npm install <package_name> --save或npm install <package_name> --save-dev

测试安装angular.js

然后就会发现npmtest文件夹中多了两个文件

package.json文件中也会自动添加一些信息

刚下载安装的模块会写入package.json文件中，这个是后是通过命令行中的--save-dev写入devDependencies中的

还有一种是通过--save安装的模块，会写入dependencies。

dependencies是生产环境中需要的依赖，即正常运行该包时所需要的依赖项

devDependencies是开发是用到的依赖项

通过--save安装vue

则安装的vue模块会出现在dependencies中，不会出现在devDependencies中

如果不命令中部添加--save或--save-dev，则默认写入dependencies中，测试安装jquery

jquery会默认依赖写入dependencies

如果在一个项目中需要同时安装多个模块，可以通过模块之间空格的方式直接一次性下载多个模块，如下：

同时下载安装三个依赖模块

--save和直接默认安装的操作也是一样的

4.卸载依赖模块（删除模块）

将install命令改为uninstall就可以了，也可以同时卸载多个，操作如同安装模块一样，如下

5.其他

然后介绍一些常用的命令

npm list（或者npm ls也可以实现相同功能）查看当前安装的模块，加一个-g就是查看全局安装模块，可能会是非常长的一串。

npm list <module_name> 查看当前安装模块的版本号

npm update <module_name> 更新模块

因为之前下载安装的是比较新的版本，所以特地下载了一个比较旧版本的angular@1.6.5，然后通过npm update就可以更新为最新版本的angular@1.6.6，这里要说明一下，如果说项目中使用到的模块为特别指定版本的模块，在安装时可以通过在模块名后面添加@版本号，就可以下载安装指定版本的模块。

好了，讲到这里差不多就是我现在学习中常遇到的一些npm命令，因为做的项目不多，所以可能还有一些实际中可能经常使用到的命令没有列出。大家查查资料吧，告诉你们，上网真的很有趣......