vue项目启动后自动打开

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

|浏览量:

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

找到项目路径下的package.json

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

相关推荐

小程序框架vue-mini

即使对于君主，研究学问的道路也是没有捷径的。——阿基米德分享一个基于 Vue 3 的小程序框架 https://vuemini.org/ https://github.com/vue-mini/vue-mini Vue Mini 是一个基于 Vue 3 的小程序框架，它能让你用组合式 API 写小程序。与某些小程序开发方案不同的是 Vue Mini 核心仅仅是一个轻量的运行时库，它既不依赖任何编译步骤，也不涉及任何 Virtual DOM。并且 Vue Mini 从一开始就被设计为能跟小程序原生语法协同工作，你甚至能在同一个页面或组件内混用原生语法与 Vue Mini，这能让你很轻松的将其整合进既有项目中。当然，你也能完全使用 Vue Mini 开发一个小程序。 Vue Mini 仅聚焦于小程序逻辑部分，也就是 JS 部分，它并不影响小程序的模版、样式及配置。快速创建 1234npm create vue-mini@latestcd <your-project-name>npm installnpm run dev 然后就可以用微信开发者工具打开

在今天和明天之间，有一段很长的时间；趁你还有精神的时候，学习迅速办事。——歌德来一篇“有点松弛又真有料”的前端模板解读：vue-pure-admin —— 一套全面基于 ESM + Vue3 + Vite + Element-Plus + TypeScript 编写的后台管理系统（兼容移动端）。仓库地址：pure-admin/vue-pure-admin，官方文档主页在这儿：纯净后台模板站点。一句话（来自仓库 description）：全面 ESM + Vue3 + Vite + Element-Plus + TypeScript 编写的一款后台管理系统（兼容移动端）。先把“核心卖点”丢给你：技术栈：Vue3 + Vite + Element Plus + TypeScript，全 ESM 状态管理：Pinia 样式生态：Tailwind CSS + SCSS 模板属性：is_template=true（可直接用作脚手架模板）移动端兼容：自适应布局与 UI 选择适配移动端许可证：MIT（放心用、好二开）官方站点与文档：https://pur...

在vue2的style标签中使用css变量

我需要，最狂的风，和最静的海。——顾城《世界和我·第八个早晨》前两天有一个更换主题需求，想将系统主题包括hover颜色都更换代码如下： 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748<template>  <div class="hello" :style="css"> <h1>{{ msg }}</h1> <p> For a guide and recipes on how to configure / customize this project,<br> check out the <a href="https://cli.vuejs.org" target="_...

dvajs中@connect在hook下使用

美而无德，有如没有香味的花，徒有其表。——笛福在Dva.js中，@connect 是 connect 的语法糖，它允许我们更方便地将模型（models）与组件进行映射。在类组件中使用 @connect 是非常直观的，但在函数式组件（hook）中，由于函数组件的渲染逻辑是由函数本身直接定义的，而不是通过继承 React.Component，因此我们不能直接使用 @connect 装饰器。不过，我们可以通过使用 connect 函数的 Hook 版本来实现类似的功能。在函数式组件中，我们可以使用 useSelector 和 useDispatch 这两个 hooks 来分别获取 state 和 dispatch action。这样，我们就可以在函数式组件中实现与 @connect 相似的效果。下面是一个如何在函数式组件中使用 connect 的示例： 12345678910111213141516171819202122232425262728293031323334import React from 'react';import { con...

微信Markdown编辑器

正因为世界本身是平庸的，所以你也才平庸。——《寻羊冒险记》 GitHub - doocs/md: ✍ WeChat Markdown Editor | 一款高度简洁的微信 Markdown 编辑器：支持 Markdown 语法、色盘取色、多图上传、一键下载文档、自定义 CSS 样式、一键重置等特性项目介绍本项目基于 wechat-format 进行二次开发，感谢 lyricat 的创意和贡献！ Markdown 文档自动即时渲染为微信图文，让你不再为微信文章排版而发愁！只要你会基本的 Markdown 语法，就能做出一篇样式简洁而又美观大方的微信图文。在线编辑器地址 Gitee Pages：https://doocs.gitee.io/md GitHub Pages：微信 Markdown 编辑器 | Doocs 开源社区注：推荐使用 Chrome 浏览器，效果最佳。另外，对于国内（中国）的朋友，访问 Gitee Pages 速度会相对快一些。为何二次开发现有的开源微信 Markdown 编辑器，样式繁杂，也不符合我个人的审美需求。在我使用它们...

MutationObserver监听dom变化

人生意义到底是什么呢？吃得好一点，睡得好一点，多玩玩，不羡慕别人，不听管束，多储蓄人生经验，死而无憾，这就是最大的意义吧，一点也不复杂。—— 蔡澜《不如任性过生活》 mdn: MutationObserver.MutationObserver() - Web API | MDN MutationObserver.observe() - Web API | MDN 代码如下： 12345678910111213 let app = document.querySelector("#app")var observerOptions = { attributes: true, // 观察属性变动 childList: true, // 观察目标子节点的变化，是否有添加或删除 subtree: true // 观察后代节点，默认为false}// 创建一个DOM监听器，在DOM更新完成时触发let observer = new MutationObserver((mutationsList, obs...

阿超

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

数据加载中