先附上源码地址：https://github.com/cwjbjy/vite-vue-ts-seed 1. 初始化项目 1. node版本要求 使用node16以下版本在运行vue-tsc时会报错。n

本文跟各位掘友详细聊聊我在项目中通过集成**Monaco Editor**实现的些需求点，如果在后面各位用到能帮到你的话就更好了😃！

1.安装 "monaco-editor": "^0.33.0",这个是package.json中的版本 npm install monaco-editor 2.在vite.config.js中配置 3

最近在做一个功能，需要在vue3中显示相关的代码。不想使用monaco这种重量选手，所以找到vue-codemirror这个轻量选手。记录下相关的内容，以备后续使用。

使用 Monaco Editor 写了一个 SQL 编辑器，实现了不少功能。在此记录下开发过程及相关经验。

前端无痛刷新Token 这个需求场景很常见，几乎很多项目都会用上，之前项目也实现过，最近刚好有个项目要实现，重新梳理一番。 需求 对于需要前端实现无痛刷新Token，无非就两种： 请求前判断Token

1. 添加 copy-webpack-plugin 模块，用于复制文件 2. 文件内容 3. 解析： 1. popup/index.html 2. popup/main.js 3. popup/components/app.vue 1. content/components/a…