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

最新推荐文章于 2024-02-02 11:18:05 发布
原创 最新推荐文章于 2024-02-02 11:18:05 发布 · 656 阅读 · 8 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue.js #前端 #javascript

本文讲述了在VueCLI全局安装后遇到报错时，如何通过检查和修改环境变量来解决问题，涉及用户和系统路径设置。

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

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

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

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

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

在这里插入图片描述

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

在这里插入图片描述

在系统变量里面添加

在这里插入图片描述

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

在这里插入图片描述

Vue--》超详细教程——vue-cli脚手架的搭建与使用
ztK63LrD的博客
11-14 5530
它简化了程序员基于webpack创建工程化的Vue项目的工程。其好处就是简省了程序员花费时间去配置webpack，从而目标只需专注在撰写项目应用上。，基于vue-cli这个系统，我们就可以快速搭建好“（英文名：Singleagepplication）简称SPA，顾名思义指的是，所有的功能与交互都在这唯一的一个页面内完成。
vue2.7.14 + vant + vue cli脚手架转vite启动运行问题记录
weixin_44846945的博客
11-13 1581
vue cli 脚手架转成vite启动简单说说这个项目的一些底层基本结构哈，以及写这篇博客的目的。这个项目底层结构是vue2.7.14 + vant ，使用vue cli脚手架搭建的一个H5项目，由于内容比较多，并没有使用vue3重构，但是由于内容过多，渐渐的启动特别耗时，所以计划该用vite去优化启动项。写这篇博客，是记录本人在这个转换过程中遇到的一些问题。在实际的过程中我用了两种方案，第一种利用插件webpack-to-vite。第二种是自己搭建vite。
vue无效命令和配置vue环境变量
LM891108647的博客
05-09 3321
在安装好node.js和vue-cli之后，如果输入vue报如下错误，则需要配置vue的环境变量 配置环境变量 标题配置好之后，再次输入vue命令就好了 标题
初学vue，vue cli 问题
m0_54250366的博客
07-05 382
vue cli 版本
vue-cli中引入环境变量配置
weixin_43989837的博客
02-18 3216
1，一般一个项目都会有以下 3 种环境：- 开发环境- 测试环境- 生产环境 我们可以在根目录下创建以下形式的文件进行不同环境下变量的配置： .env # 在所有的环境中被载入 .env.local # 在所有的环境中被载入，但会被 git 忽略 .env.[mode].local# 只在指定的模式中被载入，但会被 git 忽略 .env.[mode] # 只在指定的模式中被载入 如官方文档所说，通过为.env文件增加后缀来设置某个模式下特有的环境变量。 在这里插入图片描述 2.我这里创建一
用vue-cli 自动构建的目录里面 （环境变量及其基本变量的配置）
廿四桥明月夜的博客
11-30 5990
当我们需要和后台分离部署的时候，必须配置config/index.js: 用vue-cli 自动构建的目录里面  （环境变量及其基本变量的配置） 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 var path = require
vue-cli配置环境变量的方法
qq_44312360的博客
02-26 1192
vue-cli配置环境变量的方法 在实际项目开发中,经常会碰到需要判断环境变量的情景。 在 vue-cli 的环境下,已经默认配置了一个NODE_ENV的环境变量。当 npm run dev 时，环境变量是development ；当 npm run build 时，环境变量是production。 用过vue-cli开发的通常对NODE_ENV都不陌生,比如我们配置ajax请求的域名头时，就是通过判断 process.env.NODE_ENV来实现的。 上面的process.env.NODE_ENV是
yarn安装vuecli脚手架失败(yarn安装脚手架成功却无法运行vue命令)
热门推荐
太极梦龙的博客
11-03 1万+
yarn安装vuecli脚手架失败(yarn安装脚手架成功却无法运行vue命令) 在使用yarn安装vuecli脚手架时,遇到了问题:明明显示安装成功,但是却无法使用vue命令,提示找不到...这就尴尬了..安装卸载来来回回好几遍,总算找到了解决方法 以前用npm安装模块时,npm默认添加到环境变量,但是yarn没有,所以需要我们手动添加 --前提 已经执行yarn global ad...
安装vue-cli脚手架 运行报错
最新发布
02-27
如果全局安装了 vue-cli 工具包之后尝试查看其版本号却得不到任何响应或者提示找不到命令，可能的原因是没有成功添加至 PATH 路径中或者是缓存问题引起的。 可以先清除 npm 缓存并重新安装工具包： ```bash npm ...
安装vue-cli脚手架 报错出现'vue' 不是内部或外部命令，也不是可运行的程序 或批处理文件。
12-19
当尝试安装Vue CLI脚手架时，遇到 "vue" 不是内部或外部命令的问题，通常是因为Node.js环境变量设置不正确，导致系统无法找到Vue全局命令。解决这个问题的步骤如下： 1. **检查Node.js和npm** 确保已经成功安装了...
Vue Cli 之 环境变量和模式
weixin_45092437的博客
05-10 2761
我们在使用 Vue-cli 创建的Vue项目中，可以在构建和运行时为项目设置环境变量，这些环境变量会根据环境（模式）的不同，而自动注入到项目中，也就是说我们可以根据环境不同，设置不同的环境变量或者给同个环境变量赋予不同的值，从而实现不同的效果。
使用yarn安装vue-cli提示‘vue‘ 不是内部或外部命令
weixin_62273193的博客
10-16 1974
使用yarn安装vue-cli提示'vue' 不是内部或外部命令 一般情况是 环境变量问题，可以参考下面的方式 解决
win10使用npm安装、创建vue项目教程
dd2016124的博客
09-23 1334
1、在使用之前，先类掌握3个东西，明白它们是用来干什么的： npm: nodejs 下的包管理器。 webpack: 它主要用途是通过CommonJS 的语法把所有浏览器端需要发布的静态资源作相应的准备，比如资源的合并和打包。 vue-cli: 用户生成Vue工程模板。（帮你快速开始一个vue的项目，也就是给你一套vue的结构，包含基础的依赖库，只需要npm install 就可以安装。 2、nodejs下载网址：https://nodejs.org/en/ 【如果嫌下载的慢，可以下载其他...
vue 环境安装
zona
07-04 520
vue 环境搭建
【vue学习笔记】vue-cli安装问题
qq_42110921的博客
08-18 593
【vue学习笔记】vue-cli安装问题 报错 vue-cli安装成功但是无法运行vue指令 解决方法 我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，帮助你用它写博客： 全新的界面设计 ，将会带来全新的写作体验； 在创作中心设置你喜爱的代码高亮样式，Markdown 将代码片显示选择的高亮样式 进行展示； 增加了 图片拖拽 功能，你可以将本地的图片直接拖拽到编辑区域直接展示； 全新的 KaTeX数学公式 语法； 增加了支持甘特图
linux、windows 安装 vue-cli
weixin_45782719的博客
02-02 3206
Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统，提供：通过@vue/cli实现的交互式的项目脚手架。通过@vue/cli实现的零配置原型开发。一个运行时依赖 (可升级；基于 webpack 构建，并带有合理的默认配置；可以通过项目内的配置文件进行配置；可以通过插件进行扩展。一个丰富的官方插件集合，集成了前端生态中最好的工具。Vue CLI 致力于将 Vue 生态中的工具基础标准化。
vue-cli搭建之[环境变量][path]真解
weixin_34066347的博客
05-28 2017
今日从零开始，搭建nodejs+npm+cnpm+vue+vue-cli。因之前对环境变量的概念定义不明确，每次配置只是知其然不知其所以然——照搬。经常遇到问题：'node' 不是内部或外部命令，也不是可运行的程序'vue' 不是内部或外部命令，也不是可运行的程序原因则是环境变量配置错误。上图：用户变量只针对当前用户，系统变量针对所有用户，国内基本上都是一人一台电脑，所以直接配置系统变量即可，no...
vue-cli 3.0 配置环境变量
yun_hou的博客
09-23 969
1、再项目根目录创建 .env[mode] 文件，如： 2、以 .env.prod 为例，里面编写内容： NODE_ENV = 'production' VUE_APP_CURRENTMODE = 'production' 3、在自己的js配置文件中 // process.env 即可拿到当前所属环境的变量 console.log(process.env); 4、配置pac...
vue怎么引入环境变量_vue-cli配置环境变量的方法
weixin_29549747的博客
01-13 423
在实际项目开发中,经常会碰到需要环境变量的情景,在vue-cli的环境下,默认已经配置了一个NODE_ENV的环境变量,当npm run dev的时候这个是development, 当npm run build的时候这个是production.用过vue-cli开发的通常对这个都不陌生,用这个最多的基本就是我们配置ajax请求的域名头了,if (process.env.NODE_ENV === '...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值