君华

windows系统 1. 确定node版本 查看electron,electron-builder,node-gypnpm依赖包对node版本要求，通过nvm安装对应版本的node 2. node-g

框架周边对比 工具名 react vue 框架 react vue 自动化路由 vite-plugin-pages unplugin-vue-router 状态库 zustand pinia hook

tsconfig.json 简要配置，以及 eslint，typescript-eslint，prettier最新配置

{ "compilerOptions": { /* 访问 https://aka.ms/tsconfig 了解更多关于此文件的信息 */ } }

1. flex: 1;和min-width: 0; flex: 1;: 这是一个简写属性，它设置了一个 flex item 的三个 flex 属性：flex-grow, flex-shrink, 和

vite 环境配置 envDir：用于加载 .env 文件的目录 envPrefix：以 envPrefix 开头的环境变量会通过 import.meta.env 暴露在你的客户端源码中 项目目录 n

LifeCycle useMount useUnmount useUnmountedRef 获取当前组件是否已经卸载的 Hook。 Advanced useLatest（返回当前最新值的 Hook）

点击插入关键词（关键词高亮）按钮，插入关键词到contentEditable属性为true的元素中 点击可编辑元素中的高亮关键词，中间可编辑，如果光标插入关键词尾部，不可编辑，文字颜色不能与关键词颜色

微信小程序学习分享，主要介绍微信应用id，code & scope授权，用户昵称头像以及集成小程序插件知识点