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

LeeNingFeng LeeNingFeng 博客等级 墨衍会员 · AI 创作全网分发 墨衍智能分发 本文由作者通过墨衍一键同步至各平台 1分发平台 2.5k累计阅读 2.5k平均单平台 已同步平台 优快云 微信公众号 微博 知乎 掘金 百家号 博客园 抖音 小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网 我也要 码龄9年
关注
原创 最新推荐文章于 2026-08-22 11:03:01 发布 2.5k 阅读 AI 写同款· GEO 优化 ›
由浅入深理解Latent Diffusion/Stable Diffusion(5)：利用预训练模型快速开始自己的科研任务 从零开始训练一个stable diffusion大概需要16万美元和1个月的时间，这对于一般的科研工作者来说难以承受，所以如何利用预训练模型快速开始自己的科研训练是一个非常有价值的问题。这篇博客将演示如何利用预训练模型快速开始自己的科研任务，希望对大家有所帮助！ 阅读详情

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

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

收录于
Vue

当前文章被收录于：

Vue
7 篇文章 0 人学习
订阅专栏 查看详情
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
Python编程基础05：运算符与表达式 文章目录一、算术运算符1、分类说明表2、注意事项3、案例演示任务1、计算成绩差与平均成绩课堂练习：编程处理带余除法。任务2、打印购物小票 运算符就是专门用于告诉程序执行特定运算或逻辑操作的符号。表达式是指由常量、变量和运算符组成的一个算式。编写程序对数据进行处理，其实处理就是对数据实施各种各样的运算，搞懂运算符与表达式是我们编写程序的基础性工作，本次讲课笔记通过案例讲解各种运算符的用法以及正确书写Python表达式的注意事项。 一、算术运算符 Python中的算术运算符就是用来处理四则运算的符号，也是 阅读详情

相关推荐

Unity游戏开发客户端Unity基础

Unity游戏开发客户端面经 之 Unity 篇

Sea3752的博客 2万+

vue脚手架搭建项目执行npm run dev (npm run serve) 后没有自动弹出页面

2.x版本的vue，执行npm run dev后没自动弹出http://localhost:8080/ 网上查资料后发现是少了一步设置: 找到 config/index.js文件，打开 把 autoOpenBrowser: false,的false改成true.如图: 保存，重新打开即生效！ ...

乌云大帝的博客 5007

视觉开发板—K210自学笔记(三)--点亮LED

K210点亮LED灯

adamsecond 3412

VUE3 npm run dev后浏览器页空白,控制台也无报错信息

错误原因:main.js样式导入出错。解决方式:注释掉即可。

2301_79406053的博客 2458

STM32驱动AS5600磁性旋转位置传感器模块

文章目录简介引脚定义I2C接口写数据读数据从指定的地址开始读数据驱动程序cubeMX配置驱动程序`bsp_as5600.h``bsp_as5600.c`测试程序参考资料 简介 AS5600 是一款易于编程的磁性旋转位置传感器，具有高分辨率 12 位模拟或 PWM 输出。 这种非接触式系统测量径向磁化轴上磁铁的绝对角度。 该 AS5600 专为非接触式电位计应用而设计，其坚固的设计消除了任何同质外部杂散磁场的影响。 引脚定义 I2C接口 7位设备地址为0x36(二进制表示为0110110) 支持标准模式和

ApexYuan 1万+

微动探测原理及仪器介绍

微动探测原理及仪器介绍 1、微动探测原理 1.1 基本理论 微动是由体波和面波组成，其中微动能量的百分之七十以上都来自于面波，并且它与体波的主要区别是在不均匀的介质中传播时面波会发生频散，而体波不存在频散现象，因此面波是微动探测的主要对象。 对于介质的弹性参数（如横波速度、层薄厚、压缩波速度、密度等），面波传播速度相对比较敏感，特别是对横波的敏感性很高，因此可以利用面波来反演横波速度。 在时间和空间上，微动信号具有以下特性：高度变化、无规律性、无重复性等，有研究发现全世界各处记录的微动信号都有相似

zw461450141的博客 1万+

npm run dev后，浏览器不会自动打开

首先，我在vue中使用npm run dev运行项目结果如下： 看效果是运行成功了，但是浏览器不会自动打开，需要我复制粘贴自己去打开浏览器，所以百度了一下，找到了解决方法： 需要修改：config-->index.js-->autoOpenBrowser为true，然后重新运行代码即可: autoOpenBrowser:true 感谢大佬分享：https://blog.youkuaiyun.com/Bright2017/art...

笑到世界都狼狈的博客 3766

硅电容的工艺结构原理及选型参数总结

硅电容，也称为硅质电容或硅二极管电容，是一种特殊的电容器。它利用硅二极管的结构来实现电容的功能。本文对硅电容的工作原理，结构特点，选型参数及设计注意事项进行总结。

fydar的博客 2332

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

安装完vue-cli以后执行npm run dev后出现这个： 我们只需要在config/index.js里面把autoOpenBrowser:false；改为true就行了！

weixin_45734493的博客 516

Multisim14.0仿真应用设计（十六）74LS138译码器应用仿真

74LS138为3线-8线译码器。

zhusl6688的博客 2982

2026华为OD面试手撕代码真题目录

一般面试的时候每一轮技术面都会出一到两个手撕代码题，这些题的特点就是，非常短小，易于理解。不可能会再出阅读理解一样的机试题的。但是这些题目也非常注意基本功，很注意细节的处理，一般都是easy+medium题目。但是大家一定要注意，因为大部分面试官上面一开始就会让你做题，直接看你所有的做题过程（防止有人水平一般，机试就网上找的答案的蒙混过关），手撕代码题会给你后面的面试定一个基调。

MISAYAONE的博客 9万+

npm run dev命令的执行顺序和原理

当我们在开发vue、react等项目的时候经常会用npm run *命令，那么当我们执行这个命令的时候具体都做了些什么呢？接下来我们就来详细探索一下。

qwguo 4679

【图像去噪】论文精读：FM2S: Self-Supervised Fluorescence Microscopy Denoising With Single Noisy Image

论文题目：FM2S: Self-Supervised Fluorescence Microscopy Denoising With Single Noisy Image —— FM2S：单噪声图像自监督荧光显微镜去噪arXiv 2024！显微图像去噪！通过可视化详细的细胞结构和生物过程，荧光显微镜具有显着先进的生物学研究。然而，由于难以精确建模固有噪声和获取干净图像进行训练，这种图像去噪任务往往面临挑战，这限制了大多数现有方法。在本文中，我们提出了一种有效的。

主要更新底层视觉（去噪、超分等）相关的科研内容，形式为【论文精读】+【论文复现】 409

vue-cli使用 npm run build打包后流程

目前，使用vue-cli脚手架写了一个前端项目，之前一直是使用npm run dev 在8080端口上进行本地调试。突然想使用npm run build进行上线打包，试试能否成功看到我的项目效果。 1. npm run build命令。 ** 2.一开始运行npm run build 命令时，有这么一段提示： ** 这段话的意思就是说： 构建文件务必放在一个HTTP服务器。直接打开index.html文件将不工作。 到项目目录下的config文件夹里的index.js文件中,将build对象下的as

weixin_40588273的博客 3948

大中型超市收银系统(可直接运行)

光步前台收银系统系统功能：商品销售、商品退货、挂单、收银员权限、会员销售、单品取消、整单取消、商品查询、脱机销售、脱机数据上传，基本资料下载，开钱箱、小票打印、收款结算，支持多币种付款方式（现金、储值卡、礼券、微信等）,支持多种促销。运行环境：.net 4.0登陆信息用户名:1001 密码:123456内置商品信息，商品编码可输入00001000 - 00010000,测试效果相关功能键F5 结算 F9挂单 F11商品查询 F8退货 Insert单品取消 Del整单取消 F12开钱箱F2 会员 Ctrl+Z退出系统 Home 锁屏 相关源码待公开

lwip-2.0.3

lwip是瑞典计算机科学院(SICS)的Adam Dunkels 开发的一个小型开源的TCP/IP协议栈。实现的重点是在保持TCP协议主要功能的基础上减少对RAM 的占用。

npm run dev失败

问题 前端最近任务多，没时间调试CEF上的网页，只好自己搭建VUE本地环境调试 但 在项目目录下 npm run dev时，出现如下错误 'webpack-dev-server' 不是内部或外部命令，也不是可运行的程序 或批处理文件。 解决 我是通过下面的方法，糊里糊涂的解决了 首先，http://nodejs.cn/下载最新版的node，老版本打开已有...

目前打算换一个工作，有招聘windows c++方向的也欢迎联系，北京、济南 最好 1990

汉书HE8，好用的汇编代码编写工具

汉书HE8，好用的汇编代码编写工具早期编写汇编代码所用功能强大

vue使用npm run build命令打包

vue使用npm run build命令打包项目 当我们使用vue-cli脚手架完成一个项目的时候，下一步肯定会想要怎么把这个项目放到互联网上或者本地直接打开呢，我们在本地调试的时候只要命令行执行npm run dev就可以把这个项目跑起来，但是现在我们要把他放到服务器上的话用npm run build命令就可以啦。 首先 命令行执行npm run build命令...

8451

复分析 阿尔福斯(Ahlfors) 第三版答案 英文

答案分为十章，有部分习题没有答案，全英文复分析阿尔福斯(Ahlfors) 第三版答案

Vue-cli创建项目步骤

一. 使用 vue-cli 搭建项目 下面整个过程是基于已经安装node.js和cnpm的基础上，node.js如何安装就不在这里详说了。 如何全局化安装cnpm，这里简单提一下： npm install cnpm -g --registry=https://registry.npm.taobao.org 其实对于安装vue-cli，使用npm命令和cnpm命令都是可以的，个人觉得使用npm安装的比较慢，而且很可能会因为网络问题而出错，所以还是觉得使用cnpm稳一点。 （1）全局安装 vue-

PanDa____的博客 1万+

vue使用npm run build命令打包项目

当我们使用vue-cli脚手架完成一个项目的时候，下一步肯定会想要怎么把这个项目放到互联网上或者本地直接打开呢，我们在本地调试的时候只要命令行执行npm run dev就可以把这个项目跑起来，但是现在我们要把他放到服务器上的话用npm run build命令就可以啦。改完，再次执行npm run build，然后打开index.html发现sucess。命令行执行npm run build命令，命令需要在项目目录下执行。vue使用npm run build命令打包项目。

reg183的专栏 1222

vue-cli脚手架教程

安装vue-cli的前提是你已经安装了npm，安装npm你可以直接下载node的安装包进行安装。这是因为引用资源的路径问题，我们只要在下图的地方修改一下再打包就可以了，需要修改的文件在项目目录下的config文件夹里的index.js文件中。在projectname项目目录下执行 npm run build ，打包项目，打包完成之后，我们就可以像打开静态网页一样打开我们完成的项目。这样父组件的变量就传到了子组件，然后子组件使用如下方式接收，这样在子组件中就可以使用变量了，例如：{{username}}

刻苦的樊同学 3301

Vue2安装、项目创建及项目启动出错时的解决方法

Vue2安装 1、以管理员身份打开命令窗口。 2、输入node -v，检查Node.js是否安装成功。 3、国内直接使用 npm 的官方镜像是非常慢的，这里推荐使用淘宝 NPM 镜像。 npm install -g cnpm --registry=https://registry.npm.taobao.org 输入npm -v，检查npm是否安装成功。 4、安装wekpack npm install webpack –g 5、安装脚手架 npm install vue-cli -g 6、输入vue -V，检

ling08140814的博客 8844

Azure Static Web Apps CLI swa start完全教程：静态托管、连接Dev Server与自动启动开发服务器

SWA CLI（Azure Static Web Apps CLI，简称 swa CLI）是 Azure Static Web Apps 的官方本地开发工具，核心命令 **swa start** 可在本地一键启动模拟器：既能直接托管静态网页，也能反向代理你的前端 Dev Server，还能自动拉起后端 API 与模拟登录认证。本教程带你从零跑通这三种最常见的本地开发模式。 ## 一、swa st

gitblog_00879的博客 919

Vue-Cli安装与项目创建全攻略：从零搭建现代化Vue开发环境

在现代前端开发中，构建工具链是提升开发效率的核心基础设施。其核心原理是通过自动化流程处理代码编译、打包和优化，将开发者从繁琐的配置中解放出来。从技术价值看，标准化的构建工具能确保项目结构一致性、集成最佳实践，并支持热重载等提升开发体验的功能。在应用场景上，无论是快速原型开发还是企业级应用构建，一个配置完善的开发环境都是项目成功的基石。本文聚焦于Vue.js生态中的官方脚手架工具Vue-Cli，详细解析其安装流程、项目创建步骤以及常见问题解决方案，其中涉及npm镜像源配置和ESLint代码规范等关键热词，帮助

409

保姆式教程教你使用vue-cli搭建/创建vue项目(两种方法)

<font color=#999AAA >提示：如果能看到node版本号了，说明已经安装成功</font>

qq_41556539的博客 1654

让webpack+vue-cil项目不再自动打开浏览器

让webpack+vue-cil项目不再自动打开浏览器当我们用vue-cil建立一个完整的webpack+vue的项目之后，它的设置选项还是蛮多的。比如，当我们输入npm run dev开始跑起项目之后，就会自动的打开浏览器，并把页面打开。按理说，这是一个很方便的配置。问题是，我们在调试的过程中，可能需要不断的重启项目。每一次重启，就会开一个网页，让我非常头疼。查看了一下，找到了解决方法，分享给各位

FungLeo's Blog 9338
上一篇： 移动端用户屏幕缩小放大无效！
下一篇： 移动端抖动解决样式
点赞 1
评论 0
书签 书签 1
LeeNingFeng
LeeNingFeng
博客等级 码龄9年 13粉丝 37原创
+ 关注 专栏目录 订阅专栏
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值