童心虫鸣

背景 我们新建项目的时候，需要使用模板创建，一般使用vite创建项目，创建的项目都是基础的。 我们需要添加eslint、stylelint,pinia等等。 每次都要配置，还要浪费开发时间，所以我配置

安装 如果根目录没有package.json ，先添加，如果请跳过 安装依赖 使用 使用命令添加配置文件 添加提交eslint验证 package.json添加lint 如果有请忽略 .husky 添

项目中打包中会遇到一些浏览器版本不支持es6的一些新的语法，如果出现语法报错或者不支持的报错情况，可以向下兼容。 在 Vite 构建过程中，build.target 可以用来指定构建的目标平台。bui

当开始一个新项目或重构一个现有项目时，经常会出现这样的问题：如何设置项目的目录结构? 平面结构 大多数一般都是这样的结构，这个也没有什么毛病，文件少了还是挺方便的。那如果组件多了，我们该怎么找到我们的

背景 项目过程中，你是否每加一个页面，都要添加路由的的烦恼？ 你是否想每加一个.vue文件，自动生成路由文件呢？ 下面这个插件，就可以解决你的这些烦恼。 安装 使用 vite.config.js sr

在开发过程中，如果一般我们都是使用vue,react组件开发。会出现一个页面多个组件的情况。 如果一个组件的某个片段出现问题，又因为时间久或者不止我们开发的情况，会出现找代码比较难的情况，这个插件这就

有个项目需求是这样的，切换路由动态改变页面的title显示。所以就有个这个，记录一下。 设置路由 路由添加meta信息 设置title 方式一： app.vue 监听路由变化设置 title 方式二：

之前看到这个插件没有太在意，总觉得花里胡哨，今天体验完了，感觉还是挺好用的。 安装 首先我们安装下插件 使用 启动项目，默认右下角有个图标，点击可以查看功能。 功能 概况 概况显示vue当前的版本，页

在项目开发中我们经常调试模板数据，通常我们都是添加一个{{ message }}在模板中，来显示我们的数据。 思考 数据格式不清晰，如果是对象或者数组结构不清晰，不容易定位，有没有办法，让我们像log