安装nvm使用nvm管理node切换npm镜像后使用vue ui管理构建项目成功

这篇具有很好参考价值的文章主要介绍了安装nvm使用nvm管理node切换npm镜像后使用vue ui管理构建项目成功。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

如果安装nvm前已经单独安装过node.js的请先自行卸载原有node和环境变量里面的配置;

亲测成功,有哪些问题可以在评论区发消息或者私聊我

1、安装nvm的步骤如下

下载nvm安装包

在nvm的GitHub仓库,如下是国内镜像仓库:

点击这里跳转链接中找到最新的nvm-setup.exe文件,点击下载

nvm 切换镜像,前端,vue.js,前端,npm,node.js

2、安装nvm-setup.exe

    2.1 点击I accept the agreement 后点击 Next

nvm 切换镜像,前端,vue.js,前端,npm,node.js

   2.2 养成一个好习惯,每次不建议把东西都放到C盘,建议修改安装路径,我的路径是

E:\Program Files\nvm

 nvm 切换镜像,前端,vue.js,前端,npm,node.js

   2.3 下面安装nodejs到时候的路径,我的建议是和上面的nvm同级最好,我的路径是

E:\Program Files\nodejs

 nvm 切换镜像,前端,vue.js,前端,npm,node.js

 3、环境自动配置完成

安装完成后,其他环境变量自动配置好了,如下:(我的nvm版本是1.1.10)

nvm 切换镜像,前端,vue.js,前端,npm,node.js

 nvm 切换镜像,前端,vue.js,前端,npm,node.js

4、测试nvm是否成功

出现版本就是成功,如果没有出现版本请卸载然后重装

nvm 切换镜像,前端,vue.js,前端,npm,node.js

 5、安装Node.js:

在命令提示符中输入以下命令来安装Node.js

安装前先配置一下nvm镜像,直接安装的话使用的是国外的镜像会很慢也会下载失败

配置如下:

在nvm的安装根目录 双击打开setting.txt

nvm 切换镜像,前端,vue.js,前端,npm,node.js

 添加两行:

node_mirror: https://npm.taobao.org/mirrors/node/
npm_mirror: https://npm.taobao.org/mirrors/npm/

添加后如下:

nvm 切换镜像,前端,vue.js,前端,npm,node.js

 下面我们继续安装node.js:

nvm install 12.18.3

 安装完成后,可以通过以下命令来查看已安装的Node.js版本:

nvm 切换镜像,前端,vue.js,前端,npm,node.js

如果有多个node版本可以使用

nvm use <version>

例如:

nvm use 12.18.3

切换其他版本

nvm 切换镜像,前端,vue.js,前端,npm,node.js

 可以通过nvm list 查看自己当前使用的是哪个版本的node

版本前面带*表示是当前使用的版本

nvm 切换镜像,前端,vue.js,前端,npm,node.js

 6、验证node.js安装

命令:

node -v

npm -v

如图出现版本表示安装成功:

nvm 切换镜像,前端,vue.js,前端,npm,node.js

7、配置npm国内镜像源

安装前 需要先给npm 配置一下国内镜像,我们先查看一下当前的镜像

npm config get registry

如果显示的镜像源是官方源 https://registry.npmjs.org/ 则可以考虑切换到国内的镜像源,

例如淘宝镜像 https://registry.npm.taobao.org/

输入以下命令将镜像源切换到淘宝镜像:

npm config set registry https://registry.npm.taobao.org/

确认镜像源是否已成功切换,可以再次输入以下命令来检查

npm config get registry

nvm 切换镜像,前端,vue.js,前端,npm,node.js

 8、安装vue cli

npm install -g @vue/cli

 安装完成后,可以通过以下命令来验证vue cli是否安装成功

vue --version

 如果输出vue cli的版本号,则说明安装成功

nvm 切换镜像,前端,vue.js,前端,npm,node.js

9、启动vue ui的图形化界面

创建构建管理项目

nvm 切换镜像,前端,vue.js,前端,npm,node.js

 nvm 切换镜像,前端,vue.js,前端,npm,node.js

 文章来源地址https://www.toymoban.com/news/detail-629660.html

 

到了这里,关于安装nvm使用nvm管理node切换npm镜像后使用vue ui管理构建项目成功的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • nvm控制node版本或切换node版本后 npm找不到或之前安装的全局包丢失问题

    1、第一步:安装nvm,安装nvm指定安装文件夹,当前安装的nvm 地址为 D:toolsnvm 。设置nvm中settings.txt文件 (如图一),用于指定当前nodejs位置(后面环境变量有用到)。nvm下新建两个空文件夹用于存放全局包和本地包, 2、定义环境变量node地址要对应, path中要添加 node_global地址

    2024年02月10日
    浏览(66)
  • 前端环境安装【mac/window,nvm管理多个版本node,node,npm,yarn,react】

    目录 nvm:node版本管理器 安装 window mac 常见命令 Node、npm yarn React a.全局方式 b.临时方式 运行 nvm 主要是用来管理 nodejs 和 npm 版本的工具,可以用来切换不同版本的 nodejs。 安装nvm之前先卸载node Mac彻底卸载node Windows系统完全卸载删除 Node.js_卸载nodejs命令-CSDN博客z window mac n

    2024年01月16日
    浏览(101)
  • nvm安装及安装后 node不能使用 npm不能使用CategoryInfo : ObjectNotFound: (npm:String) [], CommandNotFoundEx

     也不知道抽了抽了什么风。node npm都不能用了  通过 【找不同】同学 发现,前面的*号不见了。  事实也是这个鬼的问题。 此电脑--属性--高级系统设置--环境变量 用户变量和环境变量都需要修改(修改红框),设置为刚刚创建的nodejs文件夹所在的位置   设置好之后,关闭之

    2024年02月04日
    浏览(48)
  • Windows环境下NVM安装后Node/NPM命令无法使用

    问题:Windows环境下安装nvm后,无法使用nvm安装nodejs 官网下载nvm安装包,Releases · coreybutler/nvm-windows (github.com) 点击exe安装包,将目录修改为非系统盘(C)例如:D:SoftWorknvm,同时nodejs的安装目录选择和nvm同目录下例如:D:SoftWorknodejs 在Windows图标右键找到终端Windows PowerShell管

    2024年02月06日
    浏览(68)
  • 前端环境搭建:nvm、volta 的使用 node 版本管理工具及 nrm 镜像

    目录     简单描述nvm与volta     安装使用         nvm的安装与使用         volta的安装与使用     镜像 脚手架 Git 相关 我们做前端开发的都会需要node.js环境,而当你为多个项目所使用的node版本不同不兼容而感到烦恼时,可以通过工具帮助我们更改node版本。 简单描述

    2024年02月21日
    浏览(56)
  • npx和npm有什么区别,包管理器yarn的使用方法,node的版本管理工具nvm使用方法

    一、npx介绍及使用 平时安装node模块的时候,经常使用的命令是npm。其实还有另外一个命令,叫做npx。网上的说法都是:npx是npm命令的升级版本,功能非常强大。 1、npx 是什么 npx是一个由Node.js官方提供的用于快速执行npm包中的可执行文件的工具。它可以帮助我们在不全局安装

    2024年01月16日
    浏览(55)
  • 2. Windows 10 - Nvm - node版本管理工具的安装、配置/全局配置(自动切换)、卸载方法 - 安装cnpm报错与解决方法 - 已安装 Node不卸载的方法

    1. Windows 10 - Node与Vue - 安装 Vue 2.x 及 3.x 框架 - 项目创建要点 - 1 下载地址:传送门 0 下载地址 1.1.10 版本:传送门 1 nvm 1.1.11 版本 资源下载链接:传送门 2 这里需要注意配置环境变量,如果都配置了 PC 的用户变量 和系统变量,那么就会优先使用 PC 的用户变量。 之前选择的路

    2024年02月05日
    浏览(172)
  • node NPM镜像源查看和切换

    全局切换镜像源: npm config set registry https://registry.npmmirror.com/ 查看镜像源使用状态: npm get registry 全局切换官方镜像源: npm config set registry http://registry.npmjs.org 下载 nrm: npm install -g nrm 查看可切换的镜像源: nrm ls (*表示正在使用的镜像源) 作者:铭记喜悦 链接:https://www.ji

    2024年04月25日
    浏览(38)
  • nvm管理node 无法正常切换node版本问题

    相信一定会有存在一些小伙伴 明明都已经按着操作卸载node 和安装nvm 了但是 依旧无法正常通过nvm 管理node 可以正常用nvm install xxx 来安装node版本 显示也正常 但是却无法正常使用node 解决办法: 首先我们需要将nvm卸载掉 因为其实主要问题可能就出现在你nvm 安装的过程当中!

    2024年02月03日
    浏览(50)
  • nvm管理多个node版本,快速来回切换node版本

    文章基于 windows环境 使用nvm安装多版本nodejs。 最近公司有的项目比较老需要降低node版本才能运行,由于来回进行卸载不同版本的node比较麻烦;所以需要使用node工程多版本管理,后面自己就简单捯饬了一下nvm来管理node,顺便记录一下自己的使用过程以便于后续查找。 注意:

    2024年04月29日
    浏览(74)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包