安装vue环境遇到的问题

最新推荐文章于 2022-03-10 12:36:46 发布
最新推荐文章于 2022-03-10 12:36:46 发布
阅读量849 收藏
点赞数
文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45993202/article/details/121690486
版权

在正常安装过称中在使用vue命令时出现

'vue' 不是内部或外部命令，也不是可运行的程序 或批处理文件。

 这个是因为环境问题导致的

使用下列命令查找prefix配置路径

npm config list

 查看C:\Users\hp\AppData\Roaming\npm里面的内容

 这时候我们要去配置环境变量

 把prefix里面的地址新建到path里

 

 配置好环境变量就可以正常使用vue命令我们可以查看vue -h 查看我们能使用哪些vue命令

就像这样 里面有这些命令 没有vue ui  我想查看可视化界面 这个是因为版本太低了

 解决办法：
升级脚手架即可(版本3.0.0以上的脚手架才有此命令)
输入：
cnpm i -g @vue/cli

这个时候就能正常使用vue ui

 这个时候浏览器就弹出了Vue项目管理器了

 

 

满天星的七星
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
【无标题】vue安装好后vue ui没有反应
as797的博客
03-19 685
要创建vue项目,所以需要安装vue, 第一步:我先按装了node.js,安装完成后检查是否安装成功如下 显示版本信息说明检查没有问题,就开始安装vue. 在这里安装vue命令有好几种,我先用的是覆盖安装命令:npm install -g @vue/cli --force安装成功后 查不到版本就又卸载了,卸载命令:npm uninstall -g @vue/cli 之后重新安装,还是不行 就用了第二种安装命令:npm install vue-cli -g 安装完成检查版本如下 ...
Vue 安装过程中遇到的问题记录
kingdom_C的博客
03-10 3524
Vue 安装过程中遇到的问题记录 解决方案： 方法一、cmd 控制台使用管理员身份打开 方法二、确保 node.js 安装目录获得了所有权限 node.js 安装目录右键属性，选择“安全”选项卡，点击“编辑”按钮，选择“完全控制” ...
解决Vue环境安装问题(详解)
u1873798的博客
06-23 320
找到一个项目想存放的文件夹 创建两个文件夹,分别叫node_global_modules和node_cache 在命令行输入指令 npm config set prefix “第一个文件夹的路径” npm config set cache “第二个文件夹的路径” 执行npm config ls来查看设置的结果 设置环境变量>Path>新建 ,写入第一个文件路径 修改npm源： npm get registry 获取现在的默认npm源 npm config set registry ht.
vue项目中安装环境遇到的坑！
一支独秀T的博客
05-31 221
ERROR command failed: npm install --loglevel error --registry 然后查阅了很多资料最后解决！ 首先清除npm缓存： npm cache clean --force 2.找到c盘的文件，~/.vuerc的位置 （别问为什么打开就行了！） 文件用编辑器打开 将flase改true 3.然后 重新安装环境 npm install 就可以了 ...
VUE安装的大坑
小坏说后端
07-24 218
第一步默认安装就可以了 第二步查询一下 查看环境变量 安装好noedeJS然后继续安装下一步 3、执行npm install --global vue-cli，全局安装vue-cli ----因为默认是从国外服务器下，可以使用阿里巴巴在国内的镜像服务器。 产生通过config命令设置默认下载路径： ...
Vue开发环境跨域访问问题
10-15
本文将深入探讨Vue开发环境中的跨域访问问题，并提供解决方案。 首先，理解“跨域”（CORS，Cross-Origin Resource Sharing）的概念至关重要。同源策略是浏览器为了安全而实施的一项策略，它禁止了一个源（协议+...
VUE+Element环境搭建与安装的方法步骤
10-17
在进行 Vue+Element 环境搭建与安装时，首先需要确保你已经安装了 Node.js，因为 Vue CLI（命令行工具）和 Element UI 的安装都需要依赖 Node.js 的包管理器 npm。你可以访问 Node.js 官网下载最新版本的安装包，并...
搭建vue开发环境
12-09
在进入Vue.js开发之前，首先需要确保你的计算机上已经安装了必要的开发环境。本文将详细介绍如何搭建Vue的开发环境，以便开始你的Vue项目。 一、安装Node.js Vue.js的开发依赖于Node.js环境，因此第一步是下载并...
Vue安装环境最全教程.docx
最新发布
03-05
### Vue安装环境最全教程 #### 一、前言 Vue.js 是一款流行的前端框架，以其易用性、灵活性和高效性而闻名。对于初学者来说，安装Vue及其相关工具可能会遇到不少挑战。本文将详细介绍如何搭建Vue开发环境，帮助...
vuedevtools离线包安装
03-23
说明书.txt 文件可能包含更详细的安装指南和注意事项，例如，确保你的 Chrome 版本与扩展兼容，或者在遇到问题时的解决办法。在使用离线包安装扩展时，确保遵循其中的步骤，以免出现兼容性或安全性问题。 总的来说...
vue-cli安装了,却说vue不是命令解决方法
xiaxuan1u的博客
09-27 591
这样算不算安装成功??? 这是哪里出了问题,该怎么解决?? 这里安装了vue-cli, 之前安装了cnpm也是出现一样的问题, 应该是路径不对,但是不知道怎么弄. http://www.sofangche.com/jieban/show_149306.html http://www.sofangche.com/jieban/show_149335.html http://www.sofangche.com/jieban/show_149365.html http://www.sofangch...
配置 vue 环境
ljhhappy666的博客
11-19 486
配置 vue 环境 一、安装 vue 的环境 安装： yarn add vue -D 在 index.html 中添加挂载点 dom（#app） <div id="app"></div> 在 main.js 中引入 vue import Vue from 'vue' var app = new Vue({ el: "#app", data: { message: 'hello webpack!!' } }) 启动 server，会出现 [Vu
Vue devtool插件安装后无法使用，提示“vue.js not detected”的解决方法
wangchaoqi1985的博客
12-24 605
Vue devtool插件安装后无法使用，提示“vue.js not detected”的解决方法
vue 全局 prefix_微前端vue+react（qiankun）
weixin_42529544的博客
01-09 1315
新建项目mkdir qiankun-m 创建.gitignore文件node_modules/创建主项目(vue)vue create main安装QianKunyarn add qiankun 创建子项目配置文件（micro-app.ts）/** * 路由变化， 获取子项目前缀 * @param {string} prefix * @return {*} */ const getActi...
vue局部路由 prefix_vue 使用 bitorjs(2)
weixin_36054032的博客
01-26 517
上一节我们讲到了 bitorjs 几个功能点, 这里做个小结让项目迅速集成开发插件的功能快速注解式路由使用中间件对数据进行拦截处理让你开发nodejs 项目与 前端项目习惯统一开发时数据模拟与真实请求快速无缝切换这节我们接着在 bitorjs 的应中 实现 登录过程中的数据请求,主要涉及以下几方便的内容如何添加页面路由如何请求数据如何添加api路由如何添加前端服务如何添加页面路由 // 页面路由...
说说vue项目中自动添加前缀的那些事
热门推荐
weixin_34389926的博客
06-19 1万+
目前,vue-cli初始化的项目中已经自动帮我们配置好postcss了,而其中我们非常常用的一个插件就是autoprefixer,浏览器属性前缀自动补全:例如我写一个需要兼容属性:.head { display: flex; } 复制代码编译后的自动帮我们补全了display:flex;相关的浏览器前缀,如图:如此一来,我们便不再需要手动写私有前缀,这样极易出错,写起来也很累.即使我们通过...
vue 定义axios默认路径前缀或动态修改前缀
周家大小姐
11-02 3542
如:每个请求url前都要加一个前缀,但会根据开发环境不同而变化,那么我们可以写一个方法去引用,方便后面维护 .env.development开发文件中写入要用的服务编码 # 微服务编码 VUE_APP_SERVICE_PREFIX = '/0201040201' src/settings.js新建的settings文件中引入 module.exports = { /** * 主站标题 * @type {string} */ title: '开发项目名称', /..
vue安装详细教程与错误解释
qq_43895215的博客
03-10 1338
1.安装node.js环境 官网下载，一直next安装完成 node.js官网 2.验证node.js是否安装成功 3.配置环境变量 配置npm的全局模块路径和cache路径 即在以后执行类似 npm install *** -g语句的时候 -g代表全局安装 一般情况下会安装在C:\user\用户名\AppData\Roanming\npm 通过更改全局模块所在路径和缓存路径，可以把模块安装到D盘 执行以下指令把路径切换到D： npm config set prefix “D:\vueTemp\node\
Cmake安装遇到问题
xiaobumi123的博客
11-09 2217
命令：cmake --version 问题： 命令 'cmake' 可在 '/snap/bin/cmake' 处找到 由于/snap/bin 不在PATH 环境变量中，故无法找到该命令。 cmake：未找到命令 解决： 将/snap/bin/加入到环境变量就好了； 方法： sudo vim /etc/profile 在末尾加入： export PATH=/snap/bin:$PATH #以上/snap/bin就是要加入环境变量的路径 #执行下面生效 source /etc/profile
npm 安装vue环境
05-30
安装 Vue 环境需要先安装 Node.js 和 npm，如果您已经安装了 Node.js 和 npm，那么就可以通过 npm 命令安装 Vue 环境了。 1. 安装 Vue CLI ...如果您在安装或使用过程中遇到任何问题，可以随时向我提问。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值