一、Npm和Yarn 介绍
npm 为你和你的团队打开了连接整个 JavaScript 天才世界的一扇大门。它是世界上最大的软件注册表，每星期大约有 30 亿次的下载量，包含超过 600000 个?包（package）?（即，代码模块）。来自各大洲的开源软件开发者使用 npm 互相分享和借鉴。包的结构使您能够轻松跟踪依赖项和版本。npm 由三个独立的部分组成：
- 网站：网站?是开发者查找包（package）、设置参数以及管理 npm 使用体验的主要途径。
- 注册表（registry）：注册表?是一个巨大的数据库，保存了每个包（package）的信息。
- 命令行工具 (CLI)：CLI?通过命令行或终端运行。开发者通过 CLI 与 npm 打交道。
Yarn是facebook发布的一款取代npm的包管理工具。
二、Npm和Yarn优劣对比
Npm的劣势
- npm install太慢。特别是新的项目拉下来要等半天，删除node_modules，重新install的时候依旧如此。
- 同一个项目，安装的时候模块版本无法保持一致性。这是由于package.json文件中版本号的缘故。具体参考
- 安装报错被覆盖。安装的时候，包会在同一时间下载和安装，中途某个时候，一个包抛出了一个错误，但是npm会继续下载和安装包。
Yarn的优势
- 安装速度更快：离线缓存，yarn 缓存了每个下载过的包，所以再次使用时无需重复下载。 同时利用并行下载以最大化资源利用率，因此安装速度更快。
- 安装版本一致：在执行代码之前，Yarn 会通过算法校验每个安装包的完整性。并且为了防止拉取到不同的版本，Yarn 有一个锁定文件 (lock file)?记录了被确切安装上的模块的版本号。
- 简洁语义：yarn改变了一些npm命令的名称，比如 yarn add/remove，感觉上比 npm 原本的 install/uninstall 要更清晰。
三、yarn常用命令
- 安装yarn命令: npm install -g yarn
- 查看版本号yarn version
- 初始化项目yarn init , 根据提示输入项目相关信息即可。
- 查看全部配置项 yarn config list
- 显示某配置项yarn config get <key>
- 删除某配置项yarn config delete <key>
- 设置配置项yarn config set <key> <value> [-g|--global]
- 安装包命令：yarn install?，该命令会根据packge.json文件安装依赖包，生成node_modules文件夹。
- 强制重新下载所有包 yarn install --force
- 添加包yarn add [package]，该命令会自动更新package.json和yarn.lock
- 删除包yarn remove <packageName>?该命令会自动更新package.json和yarn.lock
- 发布包yarn publish
- 查看缓存yarn cache
- 运行脚本yarn run 该命令执行在 package.json 中 scripts 属性下定义的脚本。
- yarn build 该命令将源码编译成dist目录下发行文件。
四、实战
在cmd命令行下进入vue项目目录。
1.安装依赖包。该命令会根据packge.json文件安装依赖包，生成node_modules文件夹。
yarn install
2.编译。该命令会生成dist发布文件夹，部署在web服务器的网站目录即可。
yarn?build
至此，两个命令搞定。
?
编译时遇到的问题：
‘vue-cli-service‘ 不是内部或外部命令，也不是可运行的程序或批处理文件。
解决方案：
- 输入名令：npm install --global vue-cli
2. 在Local Project目录下产生node_modules文件夹。
?
?
?
?
