当前位置: 首页 > news >正文

安装node, 配置npm全局安装位置,安装Vue.

背景:


前段时间电脑摄像头坏了,检查了驱动都是原厂驱动,就觉得是硬件的问题,拿到售后店里维修人员检查了一遍驱动就说重装系统吧.本来觉得就算重装系统也没什么用,结果重装系统后就还真好了.不过造成的后果就是c盘非常干净,除了系统外什么都没有,注册表和环境变量也是什么都没有,而d盘的数据没动.好多平时用的软件系统检测不到,但是直接在d盘目录里找到快捷方式还是能打开了,但是等到了使用node npm 等有关编程的东西时害怕有些关于系统的底层配置什么的出问题,所以还是决定把d盘文件删了重新再装一遍.

node.js安装:

进入官网下载|节点.js (nodejs.org)选择对应版本下载,然后同意条款

 

接着选择下载位置后一路无脑next. 安装结束后在cmp里 输入node -v 测试安装时是否成功. 

显示版本号即为成功. 

配置npm全局安装位置.

node自带npm,所以安装完node之后npm也随之安装在你的电脑上,npm的作用是对你的包进行管理,这里的配置主要是对全局模块进行配置,因为默认的全局模块会安装在c盘,这里我不想占用c盘空间所以就吧位置放在了d盘.
为了方便管理我把全局模块的位置放在了node的安装位置. 首先在安装目录下新建两个文件夹:

来作为全局模块的安装路径.
然后打开cmd窗口输入: 

npm config set prefix "D:\node_js\node_global"
npm config set cache "D:\node_js\node_cache"

 

接着设置环境变量. 

 在系统变量下点击新建. 输入:

将用户变量下的path里的默认的路径修改为 

 然后点击确定就成功了.

安装vue

当我们要对使用淘宝镜像的时候可能会出现以下报错

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


我们只需要更改node的目录的权限为完全控制即可. 然后输入:

npm install -g @vue/cli

 

安装成功后重启cmd 输入vue -v查看版本. 如果此时提示 ‘vue‘ 不是内部或外部命令,也不是可运行的程序 ,可能是未配置npm的环境变量问题. 首先打开全局模块安装目录,查看是否安装成功. 

如果没有安装成功重新安装,如果安装成功则 去查看以下环境变量是否配置. 

 

然后重新打开cmd 尝试输入vue -v 

 

出现详细信息表示安装成功. 

相关文章:

  • 神经网络理论及应用答案,神经网络理论名词解释
  • 国产香氛品牌别样的生意经
  • Java-基于SSM的健身后台管理系统
  • 【CCIE 实验】BGP 13条选路原则实验
  • 购买发票自动化软件(或者文档管理系统)需要注意的问题
  • 磁盘被未知资源耗尽lsof -n|grep deleted
  • 图观 | 快速评估图数据库何时适合使用?
  • Redis主从集群
  • 瑞吉外卖git
  • NAS媒体库资源归集整理工具nas-tools
  • ECCV 2022 | MVDG:一种用于域泛化的统一多视图框架
  • Gin源码之gin.Engine结构体及其方法
  • 神经系统ct与mri影像解读,神经系统影像学检查
  • 使用NFS做K8S的静态供应
  • Java8 中通过 Stream 对列表进行去重的几种方法
  • 网络传输文件的问题
  • java B2B2C 源码多租户电子商城系统-Kafka基本使用介绍
  • java2019面试题北京
  • JavaScript创建对象的四种方式
  • Javascript弹出层-初探
  • java概述
  • Laravel 实践之路: 数据库迁移与数据填充
  • Markdown 语法简单说明
  • spark本地环境的搭建到运行第一个spark程序
  • vue:响应原理
  • vue脚手架vue-cli
  • Zepto.js源码学习之二
  • 阿里云前端周刊 - 第 26 期
  • 个人博客开发系列:评论功能之GitHub账号OAuth授权
  • 聚类分析——Kmeans
  • 浅谈Kotlin实战篇之自定义View图片圆角简单应用(一)
  • 如何优雅的使用vue+Dcloud(Hbuild)开发混合app
  • 使用 Docker 部署 Spring Boot项目
  • 推荐一款sublime text 3 支持JSX和es201x 代码格式化的插件
  • 正则与JS中的正则
  • 关于Android全面屏虚拟导航栏的适配总结
  • ​油烟净化器电源安全,保障健康餐饮生活
  • !! 2.对十份论文和报告中的关于OpenCV和Android NDK开发的总结
  • #在线报价接单​再坚持一下 明天是真的周六.出现货 实单来谈
  • $.ajax()
  • (C#)if (this == null)?你在逗我,this 怎么可能为 null!用 IL 编译和反编译看穿一切
  • (C语言)共用体union的用法举例
  • (function(){})()的分步解析
  • (博弈 sg入门)kiki's game -- hdu -- 2147
  • .bat批处理(六):替换字符串中匹配的子串
  • .mysql secret在哪_MYSQL基本操作(上)
  • .Net CoreRabbitMQ消息存储可靠机制
  • .NET/C# 异常处理:写一个空的 try 块代码,而把重要代码写到 finally 中(Constrained Execution Regions)
  • /run/containerd/containerd.sock connect: connection refused
  • @column注解_MyBatis注解开发 -MyBatis(15)
  • @JSONField或@JsonProperty注解使用
  • [ vulhub漏洞复现篇 ] JBOSS AS 5.x/6.x反序列化远程代码执行漏洞CVE-2017-12149
  • [ai笔记3] ai春晚观后感-谈谈ai与艺术
  • [BZOJ 4034][HAOI2015]T2 [树链剖分]
  • [ChromeApp]指南!让你的谷歌浏览器好用十倍!