Vue+TypeScript+ElementUI 实战 （一）项目搭建

1、环境准备

1.1 Node.js

（1）下载安装

官网： nodejs.org/en/ （双击下载文件，一路 next 即可）

注： 推荐下载最新稳定版

安装完成后分别输入命令 node -v 和 npm -v 查看 node 版本与 npm 版本

C:\Users\Administrator>node -v
v12.17.0

C:\Users\Administrator>npm -v
6.14.4 

（2）npm存在的缺点

• 速度慢：npm 按照队列执行安装每个 package，只有当前 package 安装完成之后，才会进行后面的安装。

• 同一个项目，npm 安装的时候无法保持一致性，由于 package.json 文件中版本号的特点，下面三个版本号在安装的时候代表不同的含义：

"5.0.3",  //安装指定的5.0.3版本
"~5.0.3", //安装5.0.X中的最新版本
"^5.0.3"  //安装5.X.X中的最新版本 

• npm 安装的时候，一个包抛出错误，npm 会继续下载安装包，而且因为 npm 会把所有的日志输出到终端，有关错误包的错误信息就会淹没在 npm 打印的警告中，你甚至不会发现错误的产生。

所以推荐使用另一个命令 yarn

（3）yarn

安装

npm install -g yarn 

查看 yarn 对应版本

yarn -v 

yarn的优点

• 速度快， 主要来自以下两个方面：

  并行安装：无论 npm 还是Yarn在执行包的安装时，都会执行一系列任务。npm 是按照队列执行每个 package，也就是说必须要等到当前package安装完成之后，才能继续后面的安装。而 Yarn 是并行执行所有任务，提高了性能。

  离线模式：如果之前已经安装过一个软件包，用Yarn再次安装时之间从缓存中获取，就不用像npm那样再从网络下载了

• 安装版本统一：精准的版本控制（yarn.lock文件），加上验证每个包的完整性，保证每次安装的npm包完全一致

• 更简洁的输出：结合了 emoji直观且直接地打印出必要的信息，也提供了一些命令供开发者查询额外的安装信息。

<