安装vue-cli完以后执行npm run dev 不会自动打开网页

最新推荐文章于 2023-08-14 13:50:24 发布
最新推荐文章于 2023-08-14 13:50:24 发布
阅读量464 收藏
点赞数
文章标签： vscode终端自动打开网页配置
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45734493/article/details/102705700
版权

安装完vue-cli以后执行npm run dev后出现这个：

在这里插入图片描述

我们只需要在config/index.js里面把autoOpenBrowser:false；改为true就行了！

在这里插入图片描述

一行代码的程序员
关注
使用NPM安装vue.js（vue-cli）详细教程
chongzi的博客
03-06 4万+
这篇文章借鉴此博客 文章目录安装node.js安装cnpm安装vue-cli 脚手架构建工具（必须在全局中进行安装）创建项目 安装node.js 从node.js官网下载并安装node，安装过程很简单，一直点下一步就ok了 安装完之后，我们通过打开命令行工具（win+R）记得用管理员身份打开，不然下面安装可能会出错,输入node -v命令，查看node的版本，若出现相应的版本号，则说明你安装成功了。 npm包管理器，是集成在node中的，所以安装了node也就有了npm,直接输入 npm -v命令，.
安装vue-cli完以后执行npm run dev 不会自动打开网页？
LeeNingfeng的博客
07-23 2365
安装完vue-cli以后执行npm run dev后出现这个： 我们只需要在config/index.js里面把autoOpenBrowser:false；改为true就行了！
vue中npm run dev运行项目 自动打开浏览器
alisa7的博客
06-15 3797
autoOpenBrowser: true,  //是否默认打开浏览器,默认是false，改为true即可
vue中npm run dev 不能自动打开浏览器运行项目
dengying1570的博客
04-13 258
最近用vue2.0 + webpack搭建了环境创建新的项目。出现一个很蹩脚的问题： 在终端输入 npm run dev 的时候，不能自动打开浏览器运行项目。 这段话的意思是：你的应用程序运行地址是:http://localhost:8080 但是，在之前 运行npm run dev 之后会默认自动打开浏览器运行的。百度之后，找到了解决的办法： 找到根目录下config文件夹...
vuejs中执行npm run dev出现页面cannot GET/问题
热门推荐
纸上得来终觉浅，绝知此事要躬行
03-15 3万+
1.问题描述 最近用vue-cli搭建了一个小项目,其中在对项目进行打包测试时修改了webpack.base.conf.js中的配置信息,之后再用npm run dev之后出现如下的情况: 1.浏览器中无法呈现已有页面,并且在浏览器控制台中报404错误 2.命令窗口中并没有报错 其中有人说是路由等问题,后来通过创建新的项目对比配置文件信息,发
解决npm run dev的时候会打开两个浏览器页签窗口的问题
qq_37672347的博客
04-07 706
需要修改两个文件 第一个文件是vue.config.js文件中 将 open：true 注释掉 或者 设为 open: false 第二个文件是package.json文件中 将 “dev”: “vue-cli-service serve” 修改为：“dev”: “vue-cli-service serve --open” 即后面加上 --open ...
解决Vue-cli npm run build生产环境打包,本地不能打开的问题
10-17
首先，我们需要明确npm run dev与npm run build两个命令的区别。npm run dev命令是在开发环境下运行的，目的是为了帮助开发者在开发过程中更便捷地进行代码的编译和调试。npm run build则是在开发环境准备就绪之后，...
浅谈vue-cli加载不到dev-server.js的解决办法
11-28
完成配置后，记得运行`npm run dev`命令重启开发服务器，使改动生效。 3. **配置POST请求**： 如果需要处理POST请求，同样在`webpack.dev.conf.js`的`apiRoutes`上设置。例如，添加一个处理`/foods`的POST请求： ...
浅谈VUE-CLI脚手架热更新太慢的原因和解决方法
01-19
用vue-cli构建了项目之后在webstorm开发，用npm run dev跑本地服务，经常修改之后在浏览器刷新没反应，偶尔才会有刷新，需要重新跑一遍npm run dev才会更新，这是怎么回事呢？ 解决方法 webstorm保存的时候会先保存...
安装vue-cli的简易过程
12-11
首先，安装Vue CLI之前，确保你的机器上已经安装了Node.js，因为Vue CLI是基于npm（Node Package Manager）的。你可以通过在命令行工具中输入`npm -v`来检查npm以及Node.js的版本。如果未安装或版本过低，你需要访问...
VUE3 npm run dev后浏览器页空白,控制台也无报错信息
2301_79406053的博客
08-14 1547
错误原因:main.js样式导入出错。解决方式:注释掉即可。
vue 打包静态资源 二级域名 页面无法正常显示
qq_41399901的博客
04-24 2640
前言… 由于项目老大要求，服务器那边要放在二级域名下，这样能放更多项目（但其实一核一G放一个项目已经快爆了…） 不管怎样，还是要配置下的，毕竟以后一定会用到… 尝试 首先看一下 vue 关于打包的配置文件 这里现在又两个关于 build 的文件夹 在经过对这几个文件进行排查之后，我发现 config 下的 index.js 是关于打包路径的重要配置文件 大概长这样 'use strict' //...
npm run dev后，浏览器不会自动打开
笑到世界都狼狈的博客
07-18 3065
首先，我在vue中使用npm run dev运行项目结果如下： 看效果是运行成功了，但是浏览器不会自动打开，需要我复制粘贴自己去打开浏览器，所以百度了一下，找到了解决方法： 需要修改：config-->index.js-->autoOpenBrowser为true，然后重新运行代码即可: autoOpenBrowser:true 感谢大佬分享：https://blog.csdn.net/Bright2017/art...
运行`npm run dev`后访问`http://localhost:8080`，页面提示`Cannot Get`
weixin_45912372的博客
03-06 848
【代码】运行`npm run dev`后访问`http://localhost:8080`，页面提示`Cannot Get`
【问题解决】npm run dev 时候遇到的坑
MS_SONG的博客
10-15 1743
ENOENT：no such file or directory , open 'E:\IdeaProjects\ Package.json' Local package.json exists， but node_modules missing, did you mean to install ?
vue中npm run dev运行项目不能自动打开浏览器!
Bright2017的博客
12-17 2万+
I Your application is running here: http://localhost:8080
vue项目执行npm run dev 后没有自动弹出网页问题
weixin_34174322的博客
06-20 1936
2.x版本的vue，执行npm run dev后，显示如下提示： 　　这段话的意思是：你的程序运行地址是:http://localhost:8080 　　解决方案---参考webpack教程得知具体配置文件，如下： 　　autoOpenBrowser,默认参数为false, 改为true即可。 转载于:https://www.cnblogs.com/ilaozhao/p/920495...
npm run dev无报错，电脑就是访问不了localhost
一出好剧
12-13 8059
npm run dev成功，localhost无法访问。
npm run dev > front-end-common@0.0.1 dev > vue-cli-service serve 'vue-cli-service' 不是内部或外部命令，也不是可运行的程序 或批处理文件。
最新发布
08-01
npm run dev 是前端开发者常用的命令，特别是在使用 Vue.js 框架时，它通常用于启动基于 Vue CLI（Vue Command Line Interface）构建工具的本地开发服务器。当你在终端中输入 `npm run dev` 或者 `yarn run dev` (如果使用 Yarn) 时，它会自动编译、热更新（hot reload）和预览你的 Vue 项目，让你可以在浏览器上实时看到代码改动的效果。 在这个例子中，出错信息提示 'vue-cli-service' 不是有效的命令，这可能是由于以下几个原因： 1. Vue CLI 工具未安装或未添加到系统路径：确认是否已全局安装 Vue CLI，可以尝试使用 `npm install -g @vue/cli` 或 `yarn global add @vue/cli`。 2. Vue CLI 服务不可用：检查是否有其他版本冲突，或者尝试重启终端，再运行命令。 3. 错误配置：确保 package.json 文件中的 "scripts" 部分配置正确，应该是 `"serve": "vue-cli-service serve"` 而不是直接写命令名。 如果你遇到这个问题，可以尝试修复上述问题并重新尝试 `npm run dev`。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值