vue项目启动后自动打开

发表于2021-11-03|更新于2026-02-24

|浏览量:

我见青山多妩媚，料青山见我应如是。――辛弃疾《贺新郎》

找到项目路径下的package.json

在scripts下的serve后面加上--open即可

相关推荐

盲人无白天，醉鬼无时间。——朝鲜 Web-Check：把网站的“体检报告”一次看全如果你经常需要快速看清一个网站的真实状态，像安全配置、技术栈、DNS、证书链、开放端口、抓取规则、历史档案、全球排名这些信息，手动东查西找不仅费时，还很难汇总成能拿来决策的视图。Web-Check 把这件事做成了一件顺手的事。项目描述很直接：All‑in‑one OSINT tool for analysing any website。它既是一个开源的站点分析工具，也是一个面向安全研究、站点优化、架构梳理的“现场勘察面板”。你输入一个域名或 URL，它会从多个维度把相关数据拉齐，生成一份可以阅读、可以操作的综合报告。项目主页：web-check.xyz 在线演示：web-check.as93.net 源码仓库：GitHub-Lissy93/web-check 镜像仓库：Codeberg 能看到什么Web-Check 的看板会聚合一组核心任务，围绕“了解、优化、加固”三件事展开。以下是常见板块的节选与用途说明： IP 信息查询域名对应的 IP，为后续探测提供基础。常用于绘制目...

他想给M打一个电话，告诉她，他要回家了。不再回来了。最后他只是发了短信道：“M，我不爱你，从来没有爱过，因为我心里装着别人。”窗外掠过的景，就好像他的泪一样，总是一闪而过。——灵遁者 flex布局是开发中最常用的布局之一阮一峰的flex布局教程下方摘自uniapp官方文档flex布局一栏 FlexboxFlex 容器Flex 是 Flexible Box 的缩写，意为”弹性布局”，用来为盒状模型提供最大的灵活性。 nvue布局模型基于 CSS Flexbox，以便所有页面元素的排版能够一致可预测，同时页面布局能适应各种设备或者屏幕尺寸。Flexbox 包含 flex 容器和 flex 成员项。如果一个nvue元素可以容纳其他元素，那么它就成为 flex 容器。文档中未说明的 flexbox 属性均不支持：如 order、flex-grow 、flex-shrink 、 flex-basis、align-content、align-self 等。在 nvue中，Flexbox 是默认且唯一的布局模型，所以你不需要手动为元素添加 display: flex; 属性。...

暮冬时烤雪，迟夏写长信。——陈鸿宇 https://github.com/ueberdosis/tiptap/https://tiptap.dev/ 最近在做富文本编辑器的项目时，发现了 Tiptap，这是一个基于 ProseMirror 的现代化富文本编辑器框架。Tiptap 拥有高度的可扩展性、灵活的 API 和出色的跨平台支持，非常适合构建复杂的文本编辑体验。它在社区中有着很高的评价，并且已经在许多企业级项目中得到应用。 Tiptap 是什么？Tiptap 是一个为现代 Web 应用设计的富文本编辑器框架，采用模块化设计，允许开发者自由组合功能和插件。不同于传统的 WYSIWYG（所见即所得）编辑器，Tiptap 提供了更细粒度的内容控制能力，让开发者能够精确定义编辑器的行为和外观。 Tiptap 的核心依赖 ProseMirror，这是一个非常强大的文本编辑引擎。Tiptap 通过封装 ProseMirror 的复杂性，提供了更易用的开发接口，使得构建富文本编辑器变得更加简单高效。 Tiptap 的特点模块化和可扩展性Tiptap 的插件系统使得开发者可以按需引...

文人灵魂深处必须是一个野蛮人。——芥川龙之介 https://equal-ui.github.io/Equal/ https://github.com/Equal-UI/Equal Equal-UI：构建现代Vue 3应用的UI组件库在开发现代Web应用时，一个简洁易用的UI组件库能够显著提升开发效率和用户体验。而Equal-UI正是一款专为Vue 3设计的现代化UI组件库，提供了丰富的组件和优雅的设计，帮助开发者快速构建高质量的用户界面。什么是Equal-UI？Equal-UI是一款基于Vue 3和TypeScript开发的开源UI组件库。它专注于提供轻量级、性能优越且可高度自定义的组件，适用于各种现代Web应用场景。核心特性 Vue 3支持：专为Vue 3优化，充分利用Composition API和其他新特性。现代化设计：组件风格简洁优雅，遵循现代UI设计原则。高度可定制：支持主题定制，开发者可以轻松调整组件外观以满足需求。无依赖：尽量减少对第三方库的依赖，确保轻量级和高性能。 TypeScript支持：提供完善的类型定义，提升开发体验和代码质量。快速开...

知古不知今，谓之落沉。知今不知古，谓之盲瞽。——王充分享一个由 Vite 提供支持的 WebExtension（Chrome、FireFox 等浏览器插件）的入门模板。 Github： https://github.com/antfu-collective/vitesse-webext 特性： ⚡️ Instant HMR - 在 dev 上使用 Vite（不再刷新！ 🥝 Vue 3 - 组合式 API、<script 设置> 语法等等！ 💬 轻松通信 - 由 webext-bridge 和 Vue使用存储提供支持 🌈 UnoCSS - 即时按需原子 CSS 引擎。 🦾 TypeScript - 类型安全 📦 组件自动导入 🌟 图标 - 直接从任何图标集中访问图标 🖥 内容脚本 - 即使在内容脚本中也可以使用 Vue 🌍 WebExtension - Chrome、Firefox 等的同构扩展 📃 具有完整类型支持的动态manifest.json 使用模板GitHub 模板Create a repo from this template o...

一百个满怀信心和决心的人，要比一万个谨小慎微的和可敬的可尊重的人强得多。——辛克莱最近发现前端中对于数组有这样一个函数splice非常好用首先我们可以这样 12var list = [1,2,3,4,5];list.splice(1) 可以看到我们从下标为1开始的2，截取了剩余部分最后结果为2,3,4,5 但这是splice函数的返回值，我们如果看之前的list，可以看到只剩1了因为1后面的被我们的splice截取掉啦那我们如果传入两个参数，例如我这里从下标为3开始，截取两个元素我们再看看原来的list，果然是剩下的1,2,3 如果我们想要截取时还要对应替换的话？例如我这里想把3,4,5替换成4,5,6 就可以这么写最后得到的list就是我们想要的结果但如果我们想要截取掉的部分，就直接取splice的返回值即可这里从下标2开始截取掉了两个元素3,4，换成了4,5

阿超

我的名字叫阿超年龄25岁家在北京市职业是软件开发每天最晚也会在八点前回家不抽烟酒浅尝辄止晚上十二点上床保证睡足八个小时睡前写一篇博客再做二十分钟俯卧撑暖身然后再睡觉基本能熟睡到天亮像婴儿一样不留下任何疲劳和压力就这样迎来第二天的早晨健康检查结果也显示我很正常我想说明我是一个不论何时都追求内心平稳的人不拘泥于胜负不纠结于烦恼不树立使我夜不能寐的敌人这就是我在这社会的生活态度

数据加载中