初识篇 — npm的前世今生

787 阅读4分钟

npm的简介:

  • npm 是 JavaScript 世界的包管理工具
  • 并且是 Node.js 平台的默认包管理工具。通过 npm 可以安装、共享、分发代码,管理项目依赖关系
  • 其是随同NodeJS一起安装的包管理工具

本篇话题:

  • 大多数介绍npm的教程都是怎样安装,配置或使用
  • 而本篇要讲的是npm的由来,他是干什么的及为什么要用npm [主要针对新手,让其更快速的了解npm,老司机请绕道]
  • 从而更好的了解npm

社区:

  1. 首先在介绍npm之前先了解一下社区
  2. 什么是社区
  • 社区简单来说就是——指因为共享共同价值观或文化的人群,居住于同一区域,以及从而衍生的互动影响,而聚集在一起的社会单位
  1. 社区的作用
  • 可以使用别人贡献的代码,也可以贡献代码给别人用
  • 在前端社区中,最大的社区应该是GitHub了
  • 前端可以通过GitHub来分享源代码,收集资源,讨论问题等

npm的发展

一.起源

  1. 在GitHub还没有兴起的时候,人们通过网址来共享代码,比如当你想使用JQ的时候,你可以去JQ官网下载链接使用JQ。当GitHub兴起之后,社区中也会有人使用GitHub的下载功能
  2. 当项目依赖的代码越来越多,你会发现一件很繁琐的事情
  • 去JQ官网下JQ
  • 去BootStorap官网下BootStarp
  • ...
  1. npm 的出世
  • 当有困难发生时,总会有一位先行者出现 —— Isaac Z. Schlueter(npm创始人),其给出了一个解决方案:用一个工具把这些东西集中到一起来管理,这个工具就是npm,全称 Node Package Manager
  1. npm的思路:
  • 建立一个代码仓库,里面存放了所有需要被共享的代码
  • 通知JQ,BootStarp等的作者,让其把代码提交到仓库中,然后分别给他们取个名字,例:jQuery,BootStarp等
  • 当有人想使用这些代码时,就可以使用npm来下载代码了
  • 这些被使用的代码就叫做包[package],也是npm的名字由来

二.发展

  1. 当 Isaac Z. Schlueter 通知其他作者加入到 npm 时,作者们会答应吗? —— 这个就不一定了,但当社区里的人都使用 npm 的时候,作者们才会开始考虑加入到 npm
  2. npm 的逆袭
  • 这里就不得不提到 node.js 了,作者是 Ryan Dahl
  • npm 的发展和 node.js 的发展相辅相成 , node.js 缺少一个包管理工具,于是他们一拍即合,最终node.js内置了npm
  • 后来 node.js 火了,随着 node.js 的火爆,大家开始使用 npm 来共享 js 代码,于是JQ等的作者们也将自己的东西发布到了npm上,所以现在大家可以使用 npm install xxx 来下载 相对应的 xxx 代码了

npm的使用

一. 終端的基本使用 win+R

- notepad 打开记事本
- mapaint 打开画图
- calc 打开计算机
- write 写字板
- sysdm.cpl 打开环境变量的设置窗口

二. 命令行基本命令

- md                            创建目录(目录 : 文件夹组)
- rmdir(rd)                     删除目录
- rd /s/q                       删除当前目录及其子目录
- echo on > 文件名              创建文件
- echo 123(内容) > a.txt        向此文件中写内容 
- echo 456 >> a.txt     向此文件中追加内容
- cat a.txt(文件名)     查看文件内容
- rm a.txt(文件名)      删除文件
- ls                    查看当前目录下所有文件
- cat > a.txt           会启动a.txt文件进行编辑  ctrl +c 退出编辑
- cat >> a.txt          追加内容

三. windows快捷键

- win + D 显示桌面
- win + E 打开文件资源管理器
- win + i 打开设置
- win + l 锁频

四. npm的命令

  • npm安装

      注 :全局安装的包位于node.js环境的node_modules目录下, 全局安装的包一般用于命令行工具
      注 :本地安装的包位于当前目录下的node_modules里面,本地安装的包一般用于本地的开发工作
      1. npm  install -g  包名称 全局安装
      2. npm install 包名称 本地安装
      注:可以指定版本号 包名称@版本号 ;  若没有指定版本号,那么安装最新版本
    
  • npm卸载

      1. npm  uninstall -g 包名    
      2. npm  uninstall 包名
    
  • npm 更新 也可在重新安装一次

      1. npm update -g 包名
      2. npm update  包名@latest
    
  • npm 安装依赖

      1. npm install 包名  --save        生产环境      dependencies   
      2. npm install 包名  --save-dev    开发环境      devDependencies
      注: 开发环境  平时开发使用的环境 ;  生产环境  项目部署上线之后的服务器环境
      注: 默认是生产环境
      1. npm install --production    只会安装生产环境的包
    
  • 设置下载镜像的地址

      npm config set registry url 
    

五. yarn工具的使用

1. npm install -g yarn      首先要安装yarn
2. yarn init                初始化包
3. yarn add 包名            安装包
4. yarn remove 包名         移除包
5. yarn upgrade 包名        更新包
6. yarn add 包名 --dev      安装开发依赖的包
7. yarn global add 包名     全局安装包
8. yarn config set registry url  设置下载镜像的地址
9. yarn install                  安装所有依赖
10. yarn  run                    执行包