vue中如何通过webpack-bundle-analyzer打包分析工具进行配置优化
vue中随着项目的不断功能迭代和开发，项目文件越来越多，项目的打包文件也越来越大。如何对打包文件进行分析优化，减小打包文件大小呢？可以通过webpack-bundle-analyzer这个打包分析工具进行解决。1、webpack-bundl…
Web
Web 前端与工程化：HTML/CSS/JS、Vue、React、构建工具与性能优化。
共 86 篇文章
如何通过nvm管理多个nodejs版本
随着前端项目的越来越多，不同项目使用的nodejs版本可能不一样，导致在切换不同项目时需要更换不同的nodejs版本，非常麻烦。本次推荐使用nvm进行多个nodejs版本的统一管理。1、nvm的下载nvm全称NodeVersionMana…
Flutter：如何在Android中实现USB转串口通信调试
本文介绍如何通过flutter_usb_serial插件在Flutter中实现USB转串口通信调试。1、引入依赖在flutter工程的pubspec.yaml文件中引入flutter_usb_serial依赖：dependencies:f…
如何使用 Vite 和 Vue 框架创建组件库
在前端开发中，组件化开发已成为一种高效、可维护的方式。通过创建组件库，不仅可以提高代码复用率，还能方便地在不同项目之间共享组件。本文将详细介绍如何使用Vite和Vue框架创建一个组件库，并将其导出供其他项目使用。为保持一致性和避免潜在冲突，…
如何使用Yarn Workspaces实现Monorepo模式在一个仓库中管理多个项目
YarnWorkspaces是Yarn提供的一种依赖管理机制，它支持在单个代码仓库中管理多个包的依赖。这种机制非常适合需要多个相互依赖的包的项目，能够减少重复依赖，加快依赖安装速度，并简化依赖管理。下面将详细介绍如何使用YarnWorksp…
Flutter：如何在Android中实现串口通信调试
本文介绍如何通过flutter_libserialport插件在Flutter中实现串口通信调试。1、引入依赖在flutter工程的pubspec.yaml文件中引入flutter_libserialport依赖：dependencies…
如何在vue中使用dayjs修改日历组件的星期名称
在vue中使用日历组件Calendar时，头部的星期默认展示为[‘日’,‘一’,‘二’,‘三’,‘四’,‘五’,‘六’]，如下图所示。如何改变头部的星期展示呢，可以通过以下方法实现：constweekdaysShort=['…
VSCode如何修改默认扩展路径和用户文件夹目录到D盘
在使用VisualStudioCode（VSCode）时，随着安装的扩展和用户数据的增多，C盘的空间可能会逐渐紧张。为了优化存储管理，将VSCode的默认扩展路径和用户文件夹目录迁移到D盘是一个有效的解决方案。以下是详细的操作步骤。一、修改…
如何单独启动Android studio 中的设备模拟器
一、在AndroidStudio中单独启动设备模拟器]打开AndroidStudio，确保您已经创建了一个虚拟设备或者正在运行一个设备模拟器。在工具栏中找到并点击“AVDManager”按钮。在AVDManager窗口中，找到您要启动的设备…
Flutter的安装和开发环境配置
本文介绍如何安装flutter，以及如何配置flutter的开发环境。一、flutter安装访问官网地址https://docs.flutter.dev/development/tools/sdk/releases下载flutter最新版本…
