在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
会出现图示显示:
![](http://upload-images.jianshu.io/upload_images/4253553-35a59ebe454c3987.png?imageMogr2/auto-orient/strip|imageView2/2/w/318/format/webp)
图示.png
也就是说,vue实际上在yarn的依赖里。但是此时我们输入vue结果提示:“vue”不是内部或外部命令,也不是可运行的程序或批处理文件。此时我们需要进行path配置:
3.1、输入
yarn global dir
会显示如图所示:![](http://upload-images.jianshu.io/upload_images/4253553-8dbc3ad5f98f1269.png?imageMogr2/auto-orient/strip|imageView2/2/w/357/format/webp)
显示global路径.png
3.2、在资源管理器输入此地址找到global目录
![](http://upload-images.jianshu.io/upload_images/4253553-9ff2397f3ef69ca2.png?imageMogr2/auto-orient/strip|imageView2/2/w/677/format/webp)
找到此目录.png
3.3、以此信息找到yarn资源根目录
![](http://upload-images.jianshu.io/upload_images/4253553-6e18fc7adc75915d.png?imageMogr2/auto-orient/strip|imageView2/2/w/603/format/webp)
yarn根目录.png
3.3【更新】现版本更新过后目录发生了改变:
C:\Users\yourUserName\AppData\Local\Yarn\Data\global\node_modules\.bin
在path 中记得重新配置此path 否则现在没有办法使用yarn 安装的各类包
3.4、目录结构很熟悉,和npm差不多,将此bin目录作为path进行配置
![](http://upload-images.jianshu.io/upload_images/4253553-49d5d21683bfb5fe.png?imageMogr2/auto-orient/strip|imageView2/2/w/526/format/webp)
bin目录配置.png
配置完成后就可以使用vue-cli了:
![](http://upload-images.jianshu.io/upload_images/4253553-3850d76b4269cd12.png?imageMogr2/auto-orient/strip|imageView2/2/w/389/format/webp)
使用vue-cli命令.png
作者:stormKid
链接:https://www.jianshu.com/p/9308e6abbe44
来源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。
如果有来生,要做一片树叶。
春天恋上枝,炎夏恋上水。
深秋恋上土,东来化作泥。
润物细无声,生生世世恋红尘。