前端学习-常用开发工具

常用开发工具：

Babel，Node，Gulp，subLimeText，Webpack，Yarm，npm，Git，VsCode，WebStorm。

Npm&Yarm

什么是Node

Node.js 是一个开源与跨平台的 JavaScript 运行环境。

• 可以在 Node 中运行来进行 I/O操作、文件操作、数据库操作
• Node 提供了 JavaScript 实现后端数据服务的能力

NPM包&管理工具

包管理器

Npm的主要作用就是用来管理可复用的代码包。比如 JavaScript，Java，python 等等。

Npm包和新概念

本质是一段用于复用的代码块。

Npm包官方建议至少包含：

1. package.json 描述文件
2. index.js 代码入口
3. README.md 说明文档

Npm Script

1. scripts字段是一个对象。它的每一个属性，对应一段脚本。
2. npm脚本（shell命令）由用户提供。
3. 不同项目的脚本命令，只要功能相同，就可以有同样的对外接口，项目的相关脚本，可以集中在一个地方。 

生产环境和开发环境依赖

• 在生产环境中所依赖的包：npm install [包名] -save
• 仅在开发和测试环节中需要依赖的包：npm install [包名] -save -dev

Npm的安装命令

• 安装单个指定包：npm install [包名]@[版本号] 
• 安装项目package.json所有依赖：npm install

版本号规范：

• X主版本号：当你做了不兼容的 API 修改（可能不兼容之前的版本）
• Y次版本号：当你做了向下兼容的功能性新增（新功能增加，但是兼容之前的版本） 
• Z修订号：当你做了向下兼容的问题修正（没有新功能，修复了之前版本得bug）

^和~的区别：

• ^x.y.z：表示x是保持不变的，y和z永远安装最新的版本
• ~x.y.z：表示x和y保持不变的，z永远安装最新的版本

Yarn

由于Npm出现较早，即使不停迭代优化，已经逐渐被一些后起之秀超越。Yarn 逐渐成为了包管理的主流工具。

Yarn 的优点：

• 速度快
• 安装版本统一
• 输出去简介
• 多注册来源管理
• 更语义化

Yarn.lock文件：

• 自动生成
• 精确信息
• 锁定版本 

Npm & Yarn 指令简介与对比

作用	npm	yarn
安装	npm install/i	yarn
卸载	npm uninstall/un	yarn remove
全局安装	npm | xxx -global/-g	yarn global and xxx
安装包	npm | xxx -save/-S	yarn add xxx
开发模式安装包	npm | xxx --save-dev/-D	yarn add xxx -dev/-D
更新	npm update	yarn upgrade
全局更新	npm update -g	yarn global upgrade
卸载	npm un xxx	yarn remove xxx

本文章整理自上课ppt，仅供学习使用。