安装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会被:
- 缓存到
Cache
以供以后使用 - 安装到全局
Data\global\node_modules
目录 - 在
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
目录的路径添加为环境变量:
- 右击“计算机”—>"属性"—>"高级系统设置"—>"环境变量"—>"系统变量"—>"Path"
- 新建一条通过上面
yarn global bin
命令得到的路径。 - 重启shell(命令行)以重新加载环境变量
yarn换源
默认依赖包源在国外,可能会遇到网络条件差的问题,可以换成国内的淘宝源。
查看当前源,以及更换源:
yarn config get registry
yarn config set registry https://registry.npm.taobao.org