npm管理工具

npm管理工具

今天萌芽来学习一下npm管理工具，npm能帮助我们管理不同包之间的依赖关系。一行命令帮我们能做很多事情炒鸡方便，让我们一起来学习吧！

首先我们要知道强大的node帮助我们作为一个桥梁。啥都没有的我决定先装个环境……

Node官网看这里，安装的时候顺便就把npm装了：http://nodejs.cn/

安装Node环境中途遇到问题，Mac系统下安装完毕后输入【node -v   //查看版本号】返回   -bash: node: command not found

解决方法：https://blog.csdn.net/u010394015/article/details/76423163

如果没遇到BUG最好啦。输入  npm -v  来查看我们电脑上是否已经装过npm了，可以看到版本号，安装方法很简单

更新

npm install npm@latest -g

这句话的意思是将  npm   install(更新) npm@latest(最新版本) -g(安装到全局环境下)

安装中途卡了的话我们可以使用  control + c   打断他，Windows的话就是 ctrl + c。有的时候网络就非常感人。

下载

cd (跳转)到你的项目文件当中然后执行初始化：

npm init -y

他会自己生成一个json文件

安装一个jQuery， i 是install的简写 

npm i jquery

这条命令的意思是他先去npm当中搜索看看有没有这个东西，如果你顺便敲了个他找不到会报错。

感觉很有趣呢好方便！再也不用跑去官网下巴拉巴拉的下载了！感觉有点像Maven～

如果不小心把node_modules删了也不怕，直接npm i他就又自己下载回来了，因为我们的依赖文件写得很清楚。

真的是非常棒。

卸载

npm uninstall vue

uninstall卸载。在老版本中无论是安装还是卸载都需要在后面加上 --save 他才能连带的保存到dependencies，现在直接用  i  他会默认为你安装的是一个依赖

更新

npm update vue

update更新。如果你想下载旧版本的话只需要在后面加上@版本号，他的版本就会变成3.0.0。这个时候你再update会更新。

npm i [email protected]

======================================================

关于最开始的那个   -y  或者  --yes   其实就是确认，如果你不加这个的话他会有一大堆问题，比如：

1.这个包的名字  2.版本号是多少  3.描述  4.包的入口文件在哪里  之后的回车跳过就行了，很麻烦，感兴趣的可以试试挨个看看。

-y 所有的默认就行了，其中scripts代表快捷方式。默认的话他里面只有一个test，我们可以跑一下看看。

npm run test

执行效果就是这么个样子。

我们可以自定义命令，

npm run happy

再往下是作者和许可证，可填写可不填。

之后就是我们的 “ dependencies ” 依赖库。

没找到不慌，只要你安装依赖他就会自己出现。

开发环境下的依赖

npm i webpack --save-dev

 安装我们的自动化构建工具，webpack就不是我们的生产环境下的依赖了，是我们开发环境下的依赖，所以这个时候就要加上

--save-dev  做一个区分，萌芽这里网速不是很友好安装的很慢，最后就是这个样子，代表开发环境下的依赖：