1、npm
- 1、安装 npm
- 最简单的方法就是去安装一下 nodeJS,去https://nodejs.org
下载一下最新的 nodeJS安装
- 最简单的方法就是去安装一下 nodeJS,去https://nodejs.org
打开命令行 输入
node -v (nodeJS 的版本 )
npm -v (查看一下 npm 的版本)
sudo npm install npm --global (单独去更新一下 npm工具, mac 需要管理员的权限, 需要再加上一个 sudo)
- 2、使用npm在全局范围内安装与删除包
- 全局范围其实指的就是你的电脑,也就是安装的东西在你的电脑上的任何地方都可以使用。这些在全局范围里面安装的包一般就是一些命令行工具
```
npm install forever --global ( 安装包)
npm uninstall forever --global (删除包,global 就是全局的意思 .. 它的简写形式是一个 -g)
+ 3、在本地项目内安装包
- npm 为本地的项目去安装一些包,也就是你安装的包只能在你安装它的这个项目内部去使用
cd ~/desktop
mkdir project // 创建项目目录
cd project // 进入目录
npm install underscore // 使用npm安装包
tree // 查看项目目录(想使用这个小工具你需要单独安装一下它,会发现在项目目录的下面,会多了一个 node_modules 目录 ,为本地项目安装的 package 都会放到这个 node_modules 目录的下面)
npm list // (查看一下为项目安装的包,简写:npm ls;你会看到刚才我们安装的 underscore)
```
- 4、安装指定版本的包
- @ 符号后面是这个包的版本号 , 默认使用 npm 安装的包都是最新的版本,如果有些特别的原因你需要使用指定版本的 package ,可先查看包相关信息 : “ npm info 包名字"
npm info underscore // 查看包信息
npm install underscore@1.6.0 // 安装包underscore的1.6.0 版本
// 注意: 删除指定版本包:可使用" npm uninstall underscore",完成以后再查看一下包的列表" npm list " -> 显示 empty
- 5 、npm 配置文件 package.json
- package.json 有点像是一个配置文件,你可以在这个文件里面描述一下我们的项目,比如项目的名字,作者,描述,版本号,依赖的 package 等等。
- 你可以手工创建这个文件,它里面至少要包含名字还有版本号,项目的名字可以使用英文,连字符还有下划线 .. 注意项目的名字里面不能包含空格 ..
cd 项目目录文件 // 进入项目目录, npm init // 这个命令会问我们一些问题,然后根据我们的回答,去创建 package.json 文件 , 可一路回车 ls -l cat package.json
+ 6、使用package.json
- 有了 package.json 以后,在为项目安装包的时候,可以把安装的包保存到 package.json 文件里的 dependencies 或者 devDependencies 里面,这样做可以更容易跟别人分享我们做的项目..
cd 项目目录文件 // 进入项目目录
cat package.son // 查看package.json,dependencies 字段,这里的东西就是我们的项目依赖的一些 packge ,devDependencies字段:包含开发项目的时候需要的一些 package,
npm install underscore --save // 给项目安装一个 underscore,把它保存到 package.json 里面,要加上一个 --save 选项
cat package.json // 完成后查看package.json
npm install babel-cli --save-dev // 添加项目开发依赖
![package.png](https://img.haomeiwen.com/i831339/904126ed6e0b12b3.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
- 查看一下 package.json .. 在它的 devDependencies 里面会包含 babel-cli 这个包 .. 在跟别人分享你的项目的时候,你可以删除掉项目里的 node_modules 目录 .. 别人得到你的项目以后,进入到项目的目录的下面,输入 npm install ,这个命令会根据 package.json 文件里的描述,去为项目安装依赖的东西 ..
1、
cd 进入项目目录
rm -rf node_modules 删除掉 node_modules 目录
npm list 会提示没有安装的项目的依赖
npm install 完成以后,项目的目录下面,又会多了一个 node_modules 目录 , 它里面的东 西就是项目依赖的包
2、
npm uninstall underscore --save // 如果你想删除为项目安装的包,同时又想把它从 package.json 的 dependencies 里面去掉 .. 可以这样
npm list 查看一下包的列表 , 这里已经找不到 underscore 了
cat package.json // 再看一下 package.json // 它的 dependencies 里面,也没有了 underscore
![2.png](https://img.haomeiwen.com/i831339/e26663228ea010df.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
- 7、更新本地安装的包
npm info gulp // 查看包gulp信息
npm install gulp@2.0.0 --save-dev // 先去给项目安装开发依赖包老2.0.0版本的gulp
npm list l grep gulp // 查看一下当前项目安装的包
npm outdated // 检查更新,会显示所有更新的包
![3.png](https://img.haomeiwen.com/i831339/f665a49671bc43b8.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
- 这里会显示可以更新的包 .. 我们的项目当前使用的 gulp 是 2.0.0 .. 可以更新到 2.7.0 .. latest ..表示最新的版本 .. 这里是 3.9.0 ..
+ 你可能会纳闷为什么不能更新到最新的 3.9.0 .. 这是因为在我们的项目的 package.json 文件里面设置的事儿
- 可以把 ^ 换成 ~ 号, 也就是这个三位版本号里的最后一个数字可以更新, 回到命令行 .. 再执行一下 npm outdated .. 这次你会发现,可以更新的版本变成了 2.0.1
1、用编辑器打开项目的目录 .. 找到 package.json,devDependencies 里面,可以看到有 gulp 这个包, 对应的版本号的前面的^ 表示只能更新版本里面的第二位数字
2、 把devDependencies的^ 换成 ~ 号,就可更新这个三位版本号里的最后一个数字,
3、 回到命令行,输入npm outdated,
![4.png](https://img.haomeiwen.com/i831339/087fb1cb53e82ed4.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
![5.png](https://img.haomeiwen.com/i831339/136f7e66cc44e43b.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
![6.png](https://img.haomeiwen.com/i831339/c687c2fc1633884b.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
4、同理,版本号换成 * 号,保存 ,再执行一下 npm outdated,现在显示可以更新到的就是这个包的最新的版本了 ...
要注意 2.x 到 3.x 会有很大的变化,可能会让我们正在使用的一些功能不能用了 .. 所以安全点的做法还是使用那个 ^ 符号
5、 想要去执行一下更新,可以使用 npm update 这个命令 , 完成以后再查看一下当前安装的包 ,npm list l grep gulp ,显示 gulp 这个包已经被更新了
+ 8、使用快速的安装源:nrm
- 在使用 npm install 的时候,会从一个默认的源里下载需要安装的东西 .. 有时候这个源可能不是最快的 .. 特别是在国内,可能会遇到网络问题 ,我们可以使用 nrm 这个工具去更换 npm 安装包的那个源 ... 比如可以使用淘宝提供的源
sudo npm install nrm --global // 安装一下 nrm , 这样我们就可以使用 nrm 这个命令行工具了, sudo获取权限
nrm ls // 查看可以使用的源,这里列出的就是一些可以使用的安装源 .. 这个 npm 的前面带一个 * 号,表示它是当前使用的安装源
nrm test // 测试你的电脑连接这些源的速度 .. 返回的就是可以使用的源,还有你连接它们的速度
nrm use taobao(源名) // 切换安装源用,连接 taobao 这个源最快 .. 所以可以把 npm 的安装源换成 taboo , 现在,你再用 npm 安装东西的时候,这些东西就会从 taobao 这个安装源去下载 .
![7.png](https://img.haomeiwen.com/i831339/a05a9c1bedee7649.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
![8.png](https://img.haomeiwen.com/i831339/cb79343662e0f0ce.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
网友评论