使用nvm和安装nuxt3
1. nvm安装及使用参照: https://www.cnblogs.com/sunbenbao/p/16587644.html
Node版本管理器--nvm,可以运行在多种操作系统上。nvm for windows 是使用go语言编写的软件。分享下在此操作系统上nvm的安装和使用。
主要用途: 切换nodejs版本。如果想使用最新的流行版本测试您正在开发的模块,而不用卸载稳定版本的node,则可以使用nvm来切换nodejs版本。
1. 下载
nvm-windows 最新下载地址: https://github.com/coreybutler/nvm-windows/releases
nvm-noinstall.zip: 这个是绿色免安装版本,但是使用之前需要配置
nvm-setup.zip:这是一个安装包,下载之后点击安装,无需配置就可以使用,方便。
nvm-setup.exe: 这也是一个安装包,是nvm-setup.zip加压后的执行文件
Source code(zip):zip压缩的源码
Sourc code(tar.gz):tar.gz的源码,一般用于*nix系统
2. 安装
安装注意事项:
nvm安装目录,最好不要存在空格。否则,nvm可以安装成功,但使用nvm use x.y.z(nodejs的切换)会有问题。
有些全局的npm模块,可能在各版本的node.js之间不共享。
有时正在使用的node.js版本中可能不支持某些npm模块。因此在工作的时候要注意工作环境。
a. 我的安装包下载后放置的目录: D:\download
b. 创建nvm软件安装目录: D:\soft\nvmsoft
3. 双击nvm-setup.exe 或者 在执行文件nvm-setup.exe上右键打开(不要选择以管理员身份运行, 安装后会有异常)弹出对话框按下图操作
验证nvm安装是否成功
运行nvm命令最好以超管权限运行。
输入nvm,有下列提示证明安装成功。否则,可能会提示nvm: command not found
安装完成后,查看用户环境变量。 如果没有需要手动添加环境变量,如果有,此处可忽略。
我的环境变量自动生成了。版本低的nvm不会生成,需要手动添加。
如果没有生成环境变量,可以手动设置:
环境变量打开方式:右键此电脑 > 属性 > 高级系统设置 > 环境变量
打开用户变量更改如下配置:
1 变量名:NVM_HOME(指向nvm安装目录),变量值:D:\soft\nvmsoft\nvm
2 变量名:NVM_SYMLINK(指向nodejs安装目录),变量值:D:\soft\nvmsoft\nodejs
3 变量名PATH中添加%NVM_HOME%及%NVM_SYMLINK%
3. nvm常用命令解释
nvm for windows是一个命令行工具,在控制台输入nvm
,就可以看到它的命令用法。基本命令有:
nvm arch [32|64]
: 显示node是运行在32位还是64位模式。指定32或64来覆盖默认体系结构。
nvm install <version> [arch]
: 该可以是node.js版本或最新稳定版本latest
。(可选[arch])指定安装32位或64位版本(默认为系统arch)。设置[arch]为all
以安装32和64位版本。
在命令后面添加--insecure
,可以绕过远端下载服务器的SSL验证。
nvm list [available]
: 列出已经安装的node.js版本。可选的available,显示可下载版本的部分列表。这个命令可以简写为nvm ls [available]
。
nvm on
: 启用node.js版本管理。默认是启用状态
nvm off
: 禁用node.js版本管理(不卸载任何东西)
nvm proxy [url]
: 设置用于下载的代理。留[url]
空白,以查看当前的代理。设置[url]
为none
删除代理。
nvm node_mirror [url]
:设置node镜像,默认为https://nodejs.org/dist/.
。我建议设置为淘宝的镜像https://npm.taobao.org/mirrors/node/
nvm npm_mirror [url]
:设置npm镜像,默认为https://github.com/npm/npm/archive/
。我建议设置为淘宝的镜像https://npm.taobao.org/mirrors/npm/
nvm uninstall <version>
: 卸载指定版本的nodejs。
nvm use [version] [arch]
: 切换到使用指定的nodejs版本。可以指定32/64位[arch]。nvm use <arch>
将继续使用所选版本,但根据提供的值切换到32/64位模式的<arch>
nvm root [path]
: 设置 nvm 存储node.js不同版本的目录 ,如果未设置,将使用当前目录。
nvm version
: 显示当前运行的nvm版本,可以简写为nvm v
使用命令时注意点:
请用管理员身份运行命令管理器,否则可能出错。
先设置node和npm的淘宝镜像,这样成功率和下载速度会更高点。
3. 环境配置
查看nvm版本: nvm version 或 nvm v
设置nvm下载nodejs版本存储的目录: nvm root D:\soft\nvmsoft\nodejspath
设置nvm运行机器的位数: 设置64位操作系统运行 nvm arch 64
设置node下载镜像地址:nvm node_mirror https://npm.taobao.org/mirrors/node/
设置npm下载镜像地址: nvm npm_mirror https://npm.taobao.org/mirrors/npm/
4. 使用
查看可以下载的nodejs版本和已下载的nodejs版本:可下载的列表: nvm list available 或者 nvm ls available 已下载的nodejs列表: nvm list 或者 nvm ls
下载nodejs 14.17.5并使用nodejs版本
下载nodejs 14.17.5: nvm install 14.17.5
使用nodejs 14.17.5: nvm use 14.17.5
使用nodejs 和 npm 命令 : node -v 和 npm -v
查看npm配置: npm config ls
安装淘宝镜像cnmp替代npm(建议cnpm与npm同级,可以同时指向cnpm和npm,可以不用再次配置环境变量):npm install -g cnpm --registry=https://registry.npm.taobao.org
验证cnpm是否安装成功: cnpm config get registry
查看已下载nvm版本: nvm ls
卸载nodejs版本: nvm uninstall 14.17.5
最后介绍一下不常用的两个命令: nvm on 和nvm off
nvm on 表示开启nvm,表示使用nvm
nvm off 表示关闭nvm, 表示不使用nvm 并且不会卸载nvm软件
注意: 命令行切换nodejs版本后,编辑器软件(vscode/webstorm等)运行程序会使用nvm切换nodejs的环境。
2. nuxt3安装命令:
npx nuxi init nuxt3-app
一直报错,搜索后可以参照 https://blog.csdn.net/qq_38774121/article/details/127786237
下载 https://codeload.github.com/nuxt/starter/tar.gz/refs/heads/v3 内容解压后 安装使用
需要使用 vue ui命令的话,需要安装
npm install -g vue @vue/cli