前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >在win环境下使用yarn安装 vue-cli

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

作者头像
stormKid
发布2018-09-12 15:40:08
2.6K0
发布2018-09-12 15:40:08
举报
文章被收录于专栏:计算机编程计算机编程

1、什么是yarn

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

2、安装yarn

2.1、常规node安装

代码语言:javascript
复制
npm install -g yarn   ||   cnpm install -g yarn 

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

代码语言:javascript
复制
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.4、目录结构很熟悉,和npm差不多,将此bin目录作为path进行配置

bin目录配置.png

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

使用vue-cli命令.png

4、yarn命令与npm对比

请参考 :https://yarnpkg.com/zh-Hans/docs/migrating-from-npm 官网说明

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2018.02.26 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 1、什么是yarn
  • 2、安装yarn
  • 3、配置path
  • 4、yarn命令与npm对比
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档