node与yarn

安装node与yarn

参考:Vue开发环境npm和Yarn的环境变量配置(Windows 10 版)-CSDN博客

node

对于Windows,从node官网下载node并安装,安装过程中可选安装插件npm。这里可以选择装npm也可以选择不安装,因为将来主要使用yarn,而安装yarn并不是必须使用npm。
安装时node将自动添加node(和npm)命令的环境变量,可用node(和npm)检查是否安装成功,若成功会输出版本号。
在Windows中,npm安装的全局依赖包默认安装位置在C:\Users\JCloud\AppData\Roaming\npm,这个位置也会自动添加到环境变量里,以保证全局安装的包就能全局运行。

yarn

yarn是更加推荐的包管理工具,具有更多优点,基本上可完全用yarn替代npm。

  • yarn可以用npm安装:npm i yarn -g
    i-g分别表示“安装”、“全局”,代表安装成功后我们就可以在任何目录中使用yarn命令。

  • yarn也可以直接从官网下载msi程序并安装:Installation | Yarn (yarnpkg.com)
    安装好后yarn会把自己添加到环境变量中,以实现全局执行。

这两种方式,安装好之后,都可以输入yarn -v来检查是否安装成功(真正的成功是在任何目录都能执行)。

注:如果使用PowerShell运行全局安装的yarn,需要用管理员权限运行PowerShell,否则会报错“无法加载文件***,因为在此系统上禁止运行脚本。”解决方法有两种:

  • 管理员运行PowerSheel后执行set-ExecutionPolicy RemoteSigned,选择“是”,此后可在非管理员的PowerShell中使用yarn;
  • 使用cmd运行yarn,cmd中是正常的。

yarn的全局目录

yarn用三个文件夹存储与全局相关的三类内容,在Windows中默认是在C:\Users\JCloud\AppData\Local\Yarn目录下,其中bin存储命令的二进制文件,Cache存储下载缓存,Data\global存储全局node_modules(即包源码)。以下以一个例子说明用途。
使用yarn全局安装依赖包,需使用以下命令(以安装vue3为例):

yarn global add @vue/cli@next

global意为全局,add后面跟包名代表添加。通过以上命令,vue-cli会被:

  1. 缓存到Cache以供以后使用
  2. 安装到全局Data\global\node_modules目录
  3. bin目录自动建立一个二进制入口链接(命令行直接调用的就是这里的文件)

相关的三个目录可以用以下命令查看其在磁盘上的位置:

yarn global bin
yarn global dir
yarn cache dir

这三个目录也都可以进行自定义修改位置:

yarn config set prefix "自定义bin目录路径"
yarn config set global-folder "自定义node_modules目录路径"
yarn config set cache-folder "自定义cache目录路径"

可以修改到你认为合适的位置(路径加不加引号皆可),比如非C分区,以减轻C盘容量负担。

yarn与环境变量

使用msi安装的yarn会自动给自己添加环境变量,但是,yarn安装程序并不会给msi安装的依赖包添加环境变量(也许考虑到用户更喜欢自定义位置?),所以使用yarn安装的全局依赖包默认情况下并不能全局执行,需要用户自行添加环境变量。
由于bin目录就是实际的命令入口,所以只需将bin目录的路径添加为环境变量:

  1. 右击“计算机”—>"属性"—>"高级系统设置"—>"环境变量"—>"系统变量"—>"Path"
  2. 新建一条通过上面yarn global bin命令得到的路径。
  3. 重启shell(命令行)以重新加载环境变量

yarn换源

默认依赖包源在国外,可能会遇到网络条件差的问题,可以换成国内的淘宝源。
查看当前源,以及更换源:

yarn config get registry
yarn config set registry https://registry.npm.taobao.org
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容