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

【快速解决】搭建VUE+VScode+elementUI开发环境,Vue环境配置

目录

1、通过这个之间下载node.js(全选next即可)

2、win+r检验是否安装成功(运行下面两个命令即可)

3、将下面我给你的这个压缩包解压,然后放到空间足够的磁盘里面

4、【重点】设置环境变量

第一个变量路径里面长这个样子

第二个变量路径长这个样子

第三个变量路径文件长这样

5、下载安装vue-cli脚手架构建工具

6、运行

7、修改保存路径

8、改存放地址

9、 修改 prefix 和 cache 路径的步骤

验证修改是否成功

现在可以在vscode中操作一波了


🌟 嗨,我是命运之光!

🌍 2024,每日百字,记录时光,感谢有你一路同行。

🚀 携手启航,探索未知,激发潜能,每一步都意义非凡。


文章中的文件直接在我的博客主页,资源里面找到直接下载即可(免费滴,我只是整理一下,因为这样配置环境能快一点)

资源名称:【快速解决】搭建VUE+VScode+elementUI开发环境,Vue环境配置

1、通过这个之间下载node.js(全选next即可)

2、win+r检验是否安装成功(运行下面两个命令即可)

3、将下面我给你的这个压缩包解压,然后放到空间足够的磁盘里面

现在将文件夹放到磁盘里面

4、【重点】设置环境变量

第一个变量路径里面长这个样子

第二个变量路径长这个样子

第三个变量路径文件长这样

5、下载安装vue-cli脚手架构建工具

以管理员身份运行 PowerShell,右键点击 PowerShell 图标,选择“以管理员身份运行”。

npm install -g @vue/cli --force

如果所有版本号都如图所示,说明安装成功,环境配置完毕。


下面这个自选(如果你的C盘空间够用可以不用改)

6、运行

因为我们会自动默认将vue文件保存在C盘,所以要修改。

7、修改保存路径

就是我们刚刚压缩放入的那个文件夹,你放到那个地方就修改为那个地址

8、改存放地址

只改这两个命令

9、 修改 prefixcache 路径的步骤

  • 打开终端(命令行窗口)。
  • 运行以下命令来修改 prefix:npm config set prefix "F:\nodeResp\npm"
  • 运行以下命令来修改 cache: npm config set cache "F:\nodeResp\cache"

验证修改是否成功

运行以下命令查看当前的配置:npm config ls -l

现在可以在vscode中操作一波了

嗨,我是命运之光。如果你觉得我的分享有价值,不妨通过以下方式表达你的支持:👍 点赞来表达你的喜爱,📁 关注以获取我的最新消息,💬 评论与我交流你的见解。我会继续努力,为你带来更多精彩和实用的内容。

点击这里👉 ,获取最新动态,⚡️ 让信息传递更加迅速。


http://www.mrgr.cn/news/23326.html

相关文章:

  • Java 21的Concurrency的笔记
  • (二十八)Java 泛型
  • 第 3 篇 Helm 命令、环境变量、相关目录
  • golang学习笔记11——Go 语言的并发与同步实现详解
  • PowerShell连接国内版Exchange合规保护(EOP)的全面指南
  • Flask 第二课 -- 安装
  • C#迭代器和接口IEnumerable,IEnumerator
  • 使用多线程实现生产者-消费者模型:C++实战指南
  • 设计一个高效的并发日志记录系统:Python支持多线程写入日志
  • NISP 一级 | 3.1 网络基础知识
  • EmguCV学习笔记 C# 11.1 DnnInvoke类
  • 写作积累之《三国演义》经典语录、第 2 集 《十常侍乱政》(上)
  • LLM - 理解 多模态大语言模型 (MLLM) 的架构与相关技术 (二)
  • Verilog FPGA 仿真 控制任务
  • RTX3060 FP64测试与猜想
  • Flask中实现文件上传
  • 并查集 Rank 的优化
  • Python OpenCV精讲系列 - 图像处理基础(二)
  • 二、线性结构及算法
  • 诫子书和译文