欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

npm

程序员文章站 2022-05-31 20:06:52
...

1、npm

  • 1、安装 npm
    • 最简单的方法就是去安装一下 nodeJS,去https://nodejs.org
      下载一下最新的 nodeJS安装
打开命令行 输入
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 [email protected]   // 安装包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](http://upload-images.jianshu.io/upload_images/831339-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](http://upload-images.jianshu.io/upload_images/831339-e26663228ea010df.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

- 7、更新本地安装的包

npm info gulp // 查看包gulp信息
npm install [email protected] --save-dev // 先去给项目安装开发依赖包老2.0.0版本的gulp
npm list l grep gulp // 查看一下当前项目安装的包
npm outdated // 检查更新,会显示所有更新的包


 ![3.png](http://upload-images.jianshu.io/upload_images/831339-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](http://upload-images.jianshu.io/upload_images/831339-087fb1cb53e82ed4.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

![5.png](http://upload-images.jianshu.io/upload_images/831339-136f7e66cc44e43b.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)


![6.png](http://upload-images.jianshu.io/upload_images/831339-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](http://upload-images.jianshu.io/upload_images/831339-a05a9c1bedee7649.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

![8.png](http://upload-images.jianshu.io/upload_images/831339-cb79343662e0f0ce.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)