前端环境搭建

nvm安装

1.下载

github上下载最新版本nvm-windows

修改settings.txt

在你安装的目录下找到settings.txt文件，打开后加上

node_mirror: http://npmmirror.com/mirrors/node/
npm_mirror: http://npmmirror.com/mirrors/npm/

将npm镜像改为淘宝的镜像，可以提高下载速度

2.在nvm中切换node版本

首先设置nvm的环境变量
我的电脑右键属性---->高级系统设置---->环境变量---->系统变量，点击NVM_HOME，将变量值更改为nvm的安装路径即可
其次设置node的环境变量
我的电脑右键属性---->高级系统设置---->环境变量---->系统变量，点击NVM_SYMLINK，将变量值更改为node的安装路径即可,操作方式与设置nvm环境变量类似，只是变量值与变量名不一致

配置

npm镜像源，缓存目录，全局安装路径
yarn镜像源，缓存目录，link目录，bin目录

link目录有什么用？bin目录有什么用？
yarn-1.22.11版本中。我的link和bin目录都是空的。

nvm命令

#查看当前版本
nvm list
#安装node版本
nvm install [版本]

yarn命令

#查看全局bin位置
yarn global bin
#查看全局安装位置
yarn global dir
#查看全局cache位置
yarn cache dir
#全局bin位置
yarn config set prefix "D:\software\Yarn\Data"
#全局安装位置
yarn config set global-folder "D:\software\Yarn\Data\global"
#全局cache位置
yarn config set cache-folder "D:\software\Yarn\Cache"
#全局link 位置
yarn config set link-folder "D:\software\Yarn\Data\link"


#查看基本配置
yarn config list
yarn config list -l

#设置镜像源
yarn config set registry https://registry.npm.taobao.org

NPM命令

#查看全局包
npm list -g --depth 0

#查看基本配置
## prefix 全局安装路径
npm config list
npm config list -l

#全局安装路径
npm config set prefix "D:\software\nodeJs\info\node_global"
#全局cache位置
npm config set cache "D:/Users/nodejs/npm_cache"

#用vite创建vue3.x工程
npm init vite-app [project]

#设置淘宝镜像
npm config set registry https://registry.npm.taobao.org