在win环境下使用yarn安装 vue-cli

1、什么是yarn

很多人熟悉npm，但是很少的人熟悉yarn，yarn可以说是一款高速的受BSD开源协议保护的依赖管理器，使用它可以根据算法计算下载依赖的完整性来执行对应的代码，其中文官网为：https://yarn.bootcss.com/ 有兴趣可以仔细参阅。

2、安装yarn

2.1、常规node安装

npm install -g yarn   ||   cnpm install -g yarn 

根据国内的网络情况，npm源上的yarn很难下载下来，此类安装安全性以及稳定性无法保证，其根源在于npm在执行时node会根据当前操作系统的管理员校验使用权限的sha1或者sha256验签，而npm本身基本的sha1验签都没有，这样很难保证yarn程序本身的稳定。推荐导入cnpm源过后，进行cnpm下载yarn，强调一下配置cnpm：

npm install -g cnpm --registry=https://registry.npm.taobao.org

2.2、平台依赖程序安装
windows平台这里参考官网，请点击此链接
关于Chocolatey博主不再赘述，这里推荐通过下载msi文件自行安装。

3、配置path

以vue-cli为例子，在执行 yarn global add vue-cli过后，其安装包正常下载，输入yarn global list会出现图示显示：

 

图示.png

也就是说，vue实际上在yarn的依赖里。但是此时我们输入vue结果提示：“vue”不是内部或外部命令，也不是可运行的程序或批处理文件。此时我们需要进行path配置：
3.1、输入yarn global dir会显示如图所示：

 

显示global路径.png

 

3.2、在资源管理器输入此地址找到global目录

 

找到此目录.png

 

3.3、以此信息找到yarn资源根目录

 

yarn根目录.png

 

3.3【更新】现版本更新过后目录发生了改变：
C:\Users\yourUserName\AppData\Local\Yarn\Data\global\node_modules\.bin
在path 中记得重新配置此path 否则现在没有办法使用yarn 安装的各类包

3.4、目录结构很熟悉，和npm差不多，将此bin目录作为path进行配置

 

bin目录配置.png

 

配置完成后就可以使用vue-cli了：

 

使用vue-cli命令.png

作者：stormKid
链接：https://www.jianshu.com/p/9308e6abbe44
来源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。