摘要： 在白天，我常常需要浅色的 VSCode 主题；在夜间，我常常需要深色的 VSCode 主题。我不希望每天手动切换两次 VSCode 主题，所以我开发了这个可以自动切换主题的 VSCode 扩展 —— Dynamic Theme。 特性 🌄 根据时间点自动切换主题 🎨 自定义要切换的深色或浅色主题 阅读全文

摘要： void main() { runApp(MyApp()); if (Platform.isAndroid) { SystemUiOverlayStyle style = SystemUiOverlayStyle( statusBarColor: Colors.transparent, status 阅读全文

摘要： 摘要 在单文件组件样式中支持使用组件状态驱动的 CSS 变量（ CSS 自定义属性）。 基础示例 <template> <div class="text">hello</div> </template> <script> export default { data() { return { colo 阅读全文

摘要： 概述 编辑器使用 vscode，不再安装 Android Studio。 安装 Git 点击这里 下载并安装 Git 配置 Java 环境 下载和安装 JDK 点击下载 Java SE Development Kit 8 我的安装路径是 “D:\Programs\Java\jdk1.8.0_291” 阅读全文

摘要： vue script setup 已经官宣定稿。本文主要翻译了来自 0040-script-setup 的内容。 摘要 在单文件组件（SFC）中引入一个新的 <script> 类型 setup。它向模板公开了所有的顶层绑定。 基础示例 <script setup> //imported compon 阅读全文

摘要： The Windows profiles to present when creating a new terminal via the terminal dropdown. Set to null to exclude them, use the source property to use th 阅读全文

摘要： 段落格式 博客园 创建于 2004 年 1 月，博客园诞生于江苏扬州这样一个 IT 非常落后的小城市，城市虽小，但是这里却有很多求知创新的人，博客园诞生的理由是如此简单。 一个IT技术人员想为IT技术人员们提供一个纯净的技术交流空间，博客园很长时间只有一个不能再简单的博客，有近四年，博客园仅靠一个人 阅读全文

摘要： Meting.js 介绍 Meting.js 依赖 APlayer.js，扩展了 APlayer.js 的功能，能够使 APlayer.js 加载网易云音乐、QQ 音乐、虾米音乐中的歌单。 安装 <!-- require APlayer --> <link rel="stylesheet" href 阅读全文

摘要： 初始化 Vite 基于原生 ES 模块提供了丰富的内建功能，开箱即用。同时，插件足够简单，它不需要任何运行时依赖，只需要安装 vite （用于开发与构建）和 sass （用于开发环境编译 .scss 文件）。 npm i -D vite scss 项目配置 同时用 vite 开发插件和构建插件 de 阅读全文

摘要： 前置 Vite 是一种新型前端构建工具，能够显著提升前端开发体验。Vite 十分适合 awescnb 的架构，最近，我将 awescnb 重构完成，现在可以更加愉快地构建博客园皮肤了。 环境准备 Node.js 点击下载 Git 点击下载 推荐 vscode 点击下载 准备工作 将 awescnb 阅读全文

摘要： 在实际项目中，Rollup 通常会生成 “共用” chunk —— 被两个或以上的其他 chunk 共享的 chunk。与动态导入相结合，会很容易出现下面这种场景： 在无优化的情境下，当异步 chunk A 被导入时，浏览器将必须请求和解析 A，然后它才能弄清楚它首先需要那个共用 chunk C。这 阅读全文

摘要： function fileSelected(e: Event) { const target = e.target as HTMLInputElement const file: File = (target.files as FileList)[0] // ... } 阅读全文

摘要： 开启热更新 config.devServer { + hot: true, } config.plugins [ + new webpack.HotModuleReplacementPlugin(), ] 问题描述 开启热更新后，样式和 js 都无法热更新。 原因分析 项目根目录存在 .browse 阅读全文

摘要： 1. 升级 webpack 和 webpack-cli 1.1 升级 webpack 4 至最新的可用版本。 当使用 webpack >= 4 时，升级到最新的 webpack 5 版本无需额外的操作； 如果你使用的 webpack 版本小于 4，请查阅 webpack 4 迁移指南。 npm in 阅读全文

摘要： 效果 使用方法 如果您使用博客园的 Markdown 编辑器，借助 HTML5 的 detail 标签就可以轻松实现。 <details> <summary>标题</summary> </details> 在 summary 标签之间填写标题 在 summary 之后加入要折叠的内容 请注意：在要折 阅读全文