学习完Ajax前后端的交互,我们进入学习NPM这个过渡阶段。
在学习前我们先要了解何为NPM?
现在就让我们一起来学习~
老规矩,学习前先看一下我们的学习框架:
目录
NPM的简介
npm(node package manager)是世界上最大的软件注册表,每星期大约有30亿次的下载量,包含超过600000个包(即代码模块)。来自各大洲的开源软件开发者使用npm互相分享和借鉴。包的结构使您能够轻松跟踪依赖项和版本。是Node.js默认的、以JavaScript编写的软件包管理系统。
npm使用一个名为package.json的文件,用户可以通过npm install --save命令把项目里所有的依赖项保存在这个文件里。
NPM的安装
npm是Node.js默认的软件包管理系统,安装完毕node后,会默认安装好npm,npm本身也是基于Node.js开发的软件下载Node:。
1.首先,先去官网进行下载:下载 | Node.js 中文网,点击即可去网官网。
2.下载好了直接安装,下一步到最后就可以了,打开 cmd 面板检查是否安装成功:
- 打开cmd(win + R);
- 输入 npm -v ,可以正常弹出版本号即可,表示安装完成!
安装 jQuery 包:
NPM的安装与常用命令
package.js,让共同开发的同事,知道该项目用了哪些包,具体包的版本信息。 一个基本的package.json
文件至少需要包含两个重要信息: 包名name和版本信息version
。
创建package.js
进入目录,在当前目录下打开 cmd 命令窗口,执行 npm init 命令,点击回车之后会让你输入一些关于本项目的一些基本信息(可忽略,一直回车直到初始化完成后即可)。
package.js属性说明
主要字段的含义如下:
- name: 模块名, 模块的名称有如下要求: 全部小写、只能是一个词语,没有空格、允许使用破折号和下划线作为单词分隔符
- version: 模块版本信息
- description:关于模块功能的简单描述,如果这个字段为空的话,默认会从当前目录的READMD.md或README文件读取第一行内容作为它的默认值。
- main: 模块被引入后,首先加载的文件,默认为index.js。
- scripts: 定义一些常用命令入口
初始化完成之后,文件目录下会生成 一个 package.json 文件,说明项目初始化完成;
安装模块
初始化完成之后可以进行模块的安装(以安装jQuery为例):
npm install jquery
下载完成后没在node_modules文件下就可以看到jQuery下载成功了。
使用npm install会读取 package.json文件来安装模块。安装的模块分为两类:deppendencies和devDpendencies,分别对应生产环境需要的安装包和开发环境需要的安装包。同样在安装模块的时候,可以通过指定参数来修改package.json文件,将新安装的模块信息记录到package.json文件。
npm install <package_name> --save
npm install <package_name> --save-dev
NPM的使用
NPM常用命令
package.json属性说明
NPM的竞品Yarn
Yarn是由Facebook、Google、Exponent 和 Tilde 联合推出了一个新的 JS 包管理工具 ,正如官方文档中写的,Yarn 是为了弥补 npm 的一些缺陷而出现的。
官网:Home | Yarn - Package Manager
Yarn的安装
下载node.js,使用npm安装
npm install -g yarn
yarn --verdion 查看版本
安装node.js,下载yarn的安装程序
提供一个.msi文件,在运行时将引导在Windows上安装Yarn
Yarn淘宝源安装,分别复制粘贴下面的代码到黑窗口运行即可
yarn config set registry http://registry.npm.taobao.org -g
yarn config set sass_binary_site http://cdn.npm.taobao.org/dist/node-sass -g
Yarn的基本使用
Yarn的优点
- 速度快
- 安装版本统一
- 更简洁的输出
- 多注册来源处理
- 更好的语义化
从npm迁移到yarn
可以从npm迁移到yarn,也可以从yarn到npm
总结
这就是今天的学习内容,希望对大家能有所帮助。
👌 ENDING👌