使用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

 

posted @ 2022-12-14 16:37  study_php_java_C++  阅读(288)  评论(0编辑  收藏  举报