关于node、vue、vue/cli安装的问题

article/2025/9/21 12:30:15

新人一枚,说错勿喷。
今天在学习搭建安装vue脚手架(@vue/cli)时碰到的问题。
在运行npm install @vue/cli -g 报错,翻译过来大概的意思就是依赖包不对,在网上找了许多的资料。最后在别人博客中找到答案。
来源https://www.cnblogs.com/fron-tend/p/9755188.html---------公子清
环境配置,首先需要在官网安装node。
a.一定要从官网下载
b.放置D盘一级目录下
c.选择Add to PATH(默认会添加到path环境变量中)
b.放置D盘一级目录下
npm: Nodejs下的包管理器。
webpack: 它主要的用途是通过CommonJS的语法把所有浏览器端需要发布的静态资源做相应的准备,比如资源的合并和打包。
vue-cli: 用户生成Vue工程模板。(帮你快速开始一个vue的项目,也就是给你一套vue的结构,包含基础的依赖库,只需要 npm install就可以安装)
安装完成之后可以看到

在这里插入图片描述
打开cmd
在这里插入图片描述
检查node版本和npm版本
在这里插入图片描述在这里插入图片描述

在这里插入图片描述
然后运行以下2条命令,
npm config set prefix “D:\nodejs\node_global”
npm config set cache “D:\nodejs\node_cache”
(若安装失败,手动建立node_cache项目文件)

我们再来关注一下npm的本地仓库,输入命令npm list -global,如下图
在这里插入图片描述
输入命令npm config set registry=http://registry.npm.taobao.org 配置镜像站
在这里插入图片描述
查看配置
在这里插入图片描述
我们关注一下配置文件
C:\Users\Administrator.npmrc

在这里插入图片描述
可以看到刚刚配置的信息
在这里插入图片描述
输入:npm config get registry
在这里插入图片描述
在这里插入图片描述
注意此时,默认的模块D:\nodejs\node_modules 目录
将会改变为D:\nodejs\node_global\node_modules 目录,
3.如果直接运行npm install等命令会报错的。
我们需要做1件事情:
1、增加环境变量NODE_PATH 内容是:D:\nodejs\node_global\node_modules
在这里插入图片描述
(注意,一下操作需要重新打开CMD让上面的环境变量生效)
安装vue-cli新版本中已经改成@vue/cli
在这里插入图片描述

在这里插入图片描述
备注:对path环境变量添加D:\nodejs\node_global
在这里插入图片描述
搭建vue/cli项目,查看版本
在这里插入图片描述
在这里插入图片描述
注意:vue-cli工具是内置了模板包括 webpack 和 webpack-simple,前者是比较复杂专业的项目,他的配置并不全放在根目录下的 webpack.config.js 中。

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
成功界面,提示打开地址,浏览器复制:http://localhost:8080
设置自动打开浏览器,输入:npm run build
生成静态文件,打开dist文件夹下新生成的index.html文件
nmp下新建出来的vue01的目录描述:
在这里插入图片描述
注意:如出现2种情况,输入对应的命令行:
1. Error npm vue-cli3 这种错误。
2. 安装sass,请输入命令:npm install node-sass --save-dev
3. (使用save会在package.json中自动添加,安装淘宝镜像)
npm install sass-loader --save-dev

2.vue项目无法运行,模块无法加载,找不到(因为环境变量有变动),需要重新加载模块,请输入命令:Npm rebuild node-sass


http://chatgpt.dhexx.cn/article/VdPseN74.shtml

相关文章

【GoWeb项目-个人Blog】初始化数据库和日志

2 初始化数据库和日志 项目地址:https://gitee.com/illlloooovvvvcode/daily-blog 2.1各种配置的目录结构 2.2 待初始的全局对象 global.go 存储全局对象 var (GVA_CONFIG conf.ConfGVA_DB *gorm.DBGVA_LOG *zap.Logger //只能输出结构化日志&…

PyTorch: visdom可视化

一、visdom可视化配置 1、安装visdom库 pip install visdom 2、配置环境 python -m visdom server 3、浏览器打开网址: visdomhttp://localhost:8097/ 二、显示的结果 三、代码 import torch import torch.nn as nn import torch.nn.functional as F impo…

关于小白安装nodejs遇到的问题(npm WARN config global `--global`, `--local` are deprecated. Use `--location=glob)

今天是7.8 问题已经解决啦!连滚带爬的来更新了! 总结:遇到这个问题有可能是因为自带的node版本过低!并且升级win11的好像都会遇到 对我而言的错误方法一: 虽然现在有一个很火的帖子改文档-global成为–locationglob…

46.在ROS中实现global planner(2)- A*规划算法预研

前文45.在ROS中实现global planner(1)- 实现一个可以用的模板实现了一个global planner的模板,并且可以工作,本文将实现astar算法,为后续完成一个astar global planner做准备 1. AStar简介 1.1 AStar Astar算法是一…

【GlobalMapper精品教程】002:GlobalMapper中文版安装后的基本设置

本文讲述安装globalmapper后的一些简单基本设置(持续更新),为后续深入学习软件打下基础。订阅专栏后私信作者,获取中文安装包及配套实验数据包。 文章目录 1. 工具条的显示与关闭2. 面积单位设置3. 选择所选面要素的边框4. 二三维…

nvm + nodejs + vue项目 环境搭建备忘

内容介绍: 传统 JavaScript 传统 JavaScript 运行在浏览器上,浏览器内核分为两个部分: 渲染引擎渲染HTML和CSSJavaScript 引擎 负责运行 JavaScrip…

python3_函数_形参调用方式 / 不定长参数 / 函数返回值 / 变量作用域 / 匿名函数 / 递归调用 / 函数式编程 / 高阶函数 / gobal和nonlocal关键字 / 内置函数

1.形参的调用方式 1. 位置参数调用 2. 关键词参数调用 原则: 关键词参数调用不能写在位置参数调用的前边 def test1(name, age):print("name:", name)print("age:", age)if "__main__" __name__:test1("admin_maxin", age…

关于Vivado综合选项——Out of context per IP和Gobal

Vivado生成IP输出文件注意的地方,是选择Global还是Out of context per IP: vivado默认是第二种,Out of context per IP是指让vivado在综合的时候对IP进行单独综合,生成.dcp文件,然后再工程要用到IP的时候,只需从.dcp文…

Oracle 临时表 (Gobal Temporary Table)

提问,插入数据之后,COMMIT,数据是否一定会在表里呢? 回答 一定会在。我认为没有错 回答 可能会在。也没有错 → 没在就一定是被删了,那么有一种表,会在Commit时,清空所有数据。 刚才说的那种…

转载:关于Vivado综合选项——Out of context per IP和Gobal

转载:关于Vivado综合选项——Out of context per IP和Gobal 原文地址:https://www.cnblogs.com/yhsy1002/p/7441309.html 关于Vivado综合选项——Out of context per IP和Gobal Vivado生成IP输出文件注意的地方,是选择Global还是Out of cont…

An Implemention of Realtime Gobal Illumination

前言:CG画面的“效果”最重要,至于达到这一效果所使用的技术倒是其次,一切的一切对于观众来说都是透明的。即使是Pixar都认为仅仅One Bounce Indirect Illumination对构建一个足够真实可信的光照效果足矣。看过这里的SII,我想你对…

Oracle ORA-06502 ORA-06512

问题描述&#xff1a; 发现存储过程里有对oracle <Collection>类型的操作 sql_text : select a.* from t_Drivewaystatus a inner join t_intersection b on a.intersectioncode b.intersectioncode where b.used 1 order by a.intersectioncode,a.drivewaycode; open…

ora-20011 ora-01555

问题 解决方案 ora undoinfo alter tablespace undotbs1 add datafile size 30g; alter tablespace undotbs2 add datafile size 30g; ora undoinfoora tempfree alter tablespace temp add tempfile size 30g; ora tempfree

ora-01461

插入数据长度大于4000&#xff0c;报该错ora-01461 解决方式&#xff1a;修改字段类型为 clob&#xff0c; 第一步&#xff1a;添加一个clob类型字段 ALTER TABLE tb_a ADD (RYZP CLOB);第二步&#xff1a;删除原来的字段 ALTER TABLE tb_a DROP COLUMN RYZP1;上面只是我工…

ORA-01156

需要关闭mrp进行操作。 alter database recover managed standby database cancel; alter database recover managed standby database parallel 10 using current logfile disconnect from session;

拼接字符串报错:Oracle: ORA-06512:字符串缓冲区太小

报错目前可以肯定的是&#xff0c;拼接的字符串超过oracle定义的上限。 plsql中varchar2长度上限是4000字节 报错语句定位到下面的这句&#xff1a; 我这里的p_zbdcdyh是存储过程的输出参数&#xff0c;故是默认数据库的字符串varchar2的大小。 p_zbdcdyh:p_zbdcdyh||,||PSELEN…

图像传感器设计资料-764-GSPRINT4502 2MP-4.5微米 全局快门 高速 CMOS 图像传感器

GSPRINT4502 2MP-4.5微米 全局快门 高速 CMOS 图像传感器 GSPRINT4502是一款一千万分辨率 (2048 x 1216) &#xff0c;2/3”光学尺寸的高速图像传感器&#xff0c;采用最新的4.5微米电荷域全局快门像素设计&#xff0c;实现30ke-的满阱容量和小于4e-的读出噪声。利用先进的65n…

转:详细图解,一眼就能看懂!卷帘快门(Rolling Shutter)与全局快门(Global Shutter)的区别

什么是快门 快门是照相机用来控制感光片有效曝光时间的机构。是照相机的一个重要组成部分&#xff0c;它的结构、形式及功能是衡量照相机档次的一个重要因素。 什么是Global Shutter&#xff08;Total Shutter&#xff09;&#xff1f; 通过整幅场景在同一时间曝光实现的。Sen…

详细图解,一眼就能看懂!卷帘快门(Rolling Shutter)与全局快门(Global Shutter)的区别

什么是快门 快门是照相机用来控制感光片有效曝光时间的机构。是照相机的一个重要组成部分&#xff0c;它的结构、形式及功能是衡量照相机档次的一个重要因素。 什么是Global Shutter&#xff08;Total Shutter&#xff09;&#xff1f; 通过整幅场景在同一时间曝光实现的。S…

VIO与全局快门及轮速计的一些应用小技巧

封面就用一个可爱的小车车~ 之前各种针对VIO&#xff0c;VSLAM和VINS的工程注意事项都讲过了 今天的内容主要是针对VSLAM&#xff0c;VIO的实用性。 比如Td&#xff0c;同步对时&#xff0c;内参&#xff0c;外参这一串 最近比较忙&#xff0c;简单写点全局快门和轮速计的东…