vue3工程创建

一、nvm 安装与使用

1.百度网盘下载

链接：https://pan.baidu.com/s/18FZuhmw7OCFeLFpQmf7u6w 提取码：lnaf

2.nvm 安装

① 双击nvm-setup.exe可执行文件

② 选择nvm安装路径

 

③选择nodejs安装路径

 

④安装

 

⑤检查是否安装成功

C:\Users\xiezhr>nvm version

1.1.9

通过nvm路径找到对应nvm文件夹

找到nvm文件夹里的settings.txt文件，并打开

添加：node_mirror:https://npmmirror.com/mirrors/node/

npm_mirror:https://npmmirror.com/mirrors/npm/

保存

二、nodejs安装

# 显示可以安装的所有nodejs版本

nvm list available

 # 安装指定版本的nodejs

nvm install <version>

Nvm install 20.16.0

# 显示已安装版本列表

nvm list

# 使用指定版本node

nvm use [version]

以系统管理员身份进行CMD

Nvm use 20.16.0

# 卸载指定版本node

nvm uninstall <version>

# 查看node版本

 C:\Windows\System32>node -v

V20.16.0

 # 查看npm版本

 C:\Windows\System32>npm -v

 10.8.1

三、镜像管理工具NRM 安装

1.安装NRM

输入npm install -g nrm 后回车即可全局安装NRM镜像管理工具

C:\Windows\System32>npm install -g nrm

added 17 packages in 6m

2.nrm镜像管理工具使用

我们可以通过如下常用nrm命令管理npm镜像

# 查看镜像列表

nrm ls

# 查看当前使用的镜像

nrm current

# 添加镜像

nrm add <名称> <远程地址或私服地址>

# 删除镜像

nrm del <名称>

# 切换镜像

nrm use <名称>

C:\Windows\System32>nrm use taobao

 SUCCESS  The registry has been changed to 'taobao'.

C:\Windows\System32>nrm current

You are using taobao registry.

# 测试镜像网络传输速度

nrm test <名称>

C:\Windows\System32>nrm test taobao

* taobao ---- 235 ms

# 查看nrm版本号

nrm <-version | -V>

# 查看nrm相关信息

nrm <-help | -h>

# 打开镜像主页

nrm home <名称> [browser]

# 上传npm包或命令程序

nrm publish [<tarball>|<folder>]

四、创建Vue3项目

① 使用npm命令安装即可。

$ npm create vite@latest