初识篇 — npm的前世今生

星空蓝
829 阅读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                    执行包
avatar
文章
阅读
粉丝