安装Vue CLI脚手架环境变量问题报错

最新推荐文章于 2024-08-17 08:58:12 发布
最新推荐文章于 2024-08-17 08:58:12 发布
阅读量411 收藏 8
点赞数 10
文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Adios_0403/article/details/135504299
版权
本文讲述了在VueCLI全局安装后遇到报错时，如何通过检查和修改环境变量来解决问题，涉及用户和系统路径设置。
摘要由CSDN通过智能技术生成

在全局安装完脚手架后，运行起来还是报错

全局安装命令：npm install -g @vue/cli
在这里插入图片描述

这是可以去查看环境变量是否有问题

右击此电脑–>选择高级系统设置–>选择环境变量，查看环境变量是否自动配置好了

如若没有可以先去找到vue.cmd文件所在目录

在这里插入图片描述

将目录复制后，在用户变量的path里面添加

在这里插入图片描述

在系统变量里面添加

在这里插入图片描述

然后确认退出，重新进入cmd命令提示符输入vue查看即可

在这里插入图片描述

不取名字的码农。
关注
  • 10
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
安装Vue脚手架
只会写bug
04-08 250
修改NPM全局安装的默认路径（不要轻易操作） 查看当前的全局安装路径 npm config ls 安装指定的目录安装node.js，例如： c:\nodejs。 node.js安装完成之后，需要在 c:\node.js 目录下创建两个文件夹： c:\nodejs\node_global c:\nodejs\node_cache 文件夹创建成功后，执行命令： # 配置默认的全局安装路径 npm config set prefix "c:\nodejs\node_global" npm config set
安装vue-cli报错 -4058 的解决方法
08-29
在安装Vue脚手架时遇到报错代码-4058是很多前端开发者在使用npm时可能遇到的问题。这个问题通常是由于网络问题或者是npm配置问题导致的。报错信息提示没有写入权限或者找不到指定文件，这往往与npm的配置、网络代理...
初学vue，vue cli 问题
m0_54250366的博客
07-05 128
vue cli 版本
win10使用npm安装、创建vue项目教程
dd2016124的博客
09-23 1205
1、在使用之前，先类掌握3个东西，明白它们是用来干什么的： npm: nodejs 下的包管理器。 webpack: 它主要用途是通过CommonJS 的语法把所有浏览器端需要发布的静态资源作相应的准备，比如资源的合并和打包。 vue-cli: 用户生成Vue工程模板。（帮你快速开始一个vue的项目，也就是给你一套vue的结构，包含基础的依赖库，只需要npm install 就可以安装。 2、nodejs下载网址：https://nodejs.org/en/ 【如果嫌下载的慢，可以下载其他...
vue不是内部或外部命令！！！配置vue.cmd的path就好！！
吴均的博客
03-18 7610
网上找了很多资料！基本是说对了的，主要是环境问题 path 解决办法： 用Everything这个软件（或者搜索）搜索vue.cmd的位置， 我的地址是（我是在在node里面直接安装的vue -cli） 搜索到这个批处理文件后把这个文件的路径加入Path中就行了 cmd执行 vue ,看到下面的就说明 pat
vue项目配置环境变量
m0_49016709的博客
06-15 925
环境变量的理解： 前后端分离的项目中，前端会有很多环境：测试环境，灰度环境，正式环境等，我们的项目再上线的时候会发布不同到不同的环境中去测试，当每个环境都需要打包的时候，手动修改配置就很繁琐而且难免出错，比如每个环境对应的服务器地址不同。所以使用环境变量来区分不同环境。...
Vue CLI脚手架的安装（使用全局方式安装express报错）
m0_70365829的博客
05-15 457
Vue CLI脚手架的安装步骤（使用全局方式安装express报错，vue版本号无法正常输出）
vue-cli脚手架的安装教程图解
12-02
vue-cli脚手架模板是基于node下的npm来完成安装，下面给大家介绍vue-cli脚手架的安装，具体内容如下所述： https://github.com/vuejs/vue-cli 官网 使用官方推荐的webpack 条件： node在4.以上，npm在3以上，查看...
vue-cli配置环境变量的方法
08-27
Vue-cli 配置环境变量的方法 Vue-cli 是一个基于 Webpack 的项目构建工具，提供了默认的环境变量配置，包括 NODE_ENV 的配置。NODE_ENV 的值会根据开发或生产环境的不同而改变，在开发环境中为 "development"，在...
Vue 安装 vue-cli 脚手架 & 创建 vue 项目
01-06
windows vue vue-cli 安装 macos 前往 node.js 官网下载 MacOS 版然后无脑下一步。安装完成后验证一下。 node -v # 验证 nodejs 版本 npm -v # 验证 npm 版本 切换 npm 为淘宝源。 // 切换到淘宝镜像 npm config ...
vue无效命令和配置vue环境变量
LM891108647的博客
05-09 3218
在安装好node.js和vue-cli之后，如果输入vue报如下错误，则需要配置vue的环境变量 配置环境变量 标题配置好之后，再次输入vue命令就好了 标题
vue环境变量的使用与配置
热门推荐
greed
03-26 1万+
为什么需要配置环境变量和模式呢？ 所有方法肯定是来源于现实的需求。在一个产品的前端开发过程中，一般来说会经历本地开发、测试脚本、开发自测、测试环境、预上线环境，然后才能正式的发布。对应每一个环境可能都会有所差异，比如说用户访问资源权限、服务器地址、接口地址等。在各个环境切换的时候，就需要不同的配置参数，所以就可以用环境变量和模式，来方便我们管理。 环境变量 1）环境变量文件分类： 在vue-cli3中可以在根目录（与package.json同级）中创建以下四种类型的环境变量文件： .env
vue选中下拉框数据，但是值没有填充到框内
m0_68154641的博客
08-14 219
element-ui选中下拉框数据，但是值没有填充到框内
实现父组件调用子组件方法时报错：[Vue warn]: Invalid vnode type when creating vnode: null.
08-14 316
[Vue warn]: Invalid vnode type when creating vnode: null.
element table 判断当前行是否展开和只展开一行
m0_68716504的博客
08-15 400
element组件提供了table的展开和收起功能，并提供了expand-change事件用来监听table行的展开和收起在一些特殊情况下如：处理异步数据时，希望展开行时请求接口，关闭行时不用请求，但是expand-change，无论是展开还是收起都会触发，于是就希望能有一个类似isExpended布尔类型的状态属性来判断是否调用接口。
vue3进阶用法之通过调用函数动态加载组件用法及示例
wz9608的博客
08-14 337
vue官方文档那边虽然说了函数的使用方法，但没有列举这种业务场景。这里只是做一个简单的实例，其实可以通过这种方法实现其他更多的功能，比如说modal框等等等。
Vue 3的Computed属性
计算机图形学
08-15 416
Vue 3的组合式API为Computed属性的使用带来了新的变化和可能性。通过computed函数，开发者可以轻松地创建只读或可写的Computed属性，并在组件中高效地处理响应式数据。合理使用Computed属性，可以使代码更加简洁、清晰和高效。
Vue 3 watchEffect教程
最新发布
weixin_42545951的博客
08-17 446
Vue 3 引入了 Composition API，其中是一个非常强大的工具，用于响应式地追踪依赖项的变化。本文将详细介绍的使用方法和相关概念。是 Vue 3 的 Composition API 中的一个函数，用于自动追踪其回调函数中使用的响应式状态，并在状态变化时重新执行回调函数。通过本文的介绍，你应该对 Vue 3 中的有了基本的了解。是 Vue 3 响应式系统的核心功能之一，能够极大地简化副作用的处理逻辑，提高代码的可读性和可维护性。在实际开发中，合理使用将使你的 Vue 应用更加强大和灵活。
安装vue cli脚手架
10-20
安装vue cli脚手架有以下步骤： 1. 确保你已经安装了Node.js和npm，可以在命令行中输入node -v和npm -v来检查版本号。 2. 执行npm install -g @vue/cli命令来全局安装vue cli脚手架。 3. 安装完成后可以通过vue --version来检查vue cli的版本。 4. 使用vue create命令来创建一个新的vue项目，根据提示进行配置即可。 安装完成后，你就可以使用vue cli脚手架来快速生成vue项目，自动安装所需插件，并自动配置webpack，使得开发更加简单快速。 --相关问题--:
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值