不知道有没有这样的兄弟，学习 Vite 的时候，官网上各种配置看的是眼花缭乱。不知道哪些需要掌握，哪些只用简单了解一下。为了提高大家的效率，我把日常开发中常用的配置梳理了一下分享给大家！

这是TypeScript实战的第三篇文章。前面两篇笔者分别介绍了在Vuex和Pinia中怎么使用TypeScript以及Vuex和Pinia的区别。今天我们再用TypeScript封装一遍Axios。

在当前的开发环境中，ts与axios并肩作战的机会愈加频繁。本文主要就是介绍如何充分利用ts的特性简洁、高效地在代码中使用axios。

./src/api 目录下需要 api.ts、status.ts、type.ts 三个文件。 ./src/api/api.ts 整体还是创建实例的方式，通过给实例添加请求和响应拦截，做对应处理。

TypeScript Web 项目的API 的参数与响应数据类型，如果不手动映射，默认是缺失的： 这给项目带来了少许不稳定性。如果复杂的话，每个接口的响应数据都是 any，各种接口/返回数据互相依赖，

在 Web 应用程序开发方面，Vue.js 正迅速成为开发人员的最爱。这个现代、新鲜的 JavaScript 库它在 GitHub 上有超过 123,000 颗星，对于开发人员来说是一个引人注目的选择

概述MonacoEdit是微软提供的在线编辑器库，vscode就是基于这个实现，现在实现将MonacoEdit集成到vue3项目中方案采用vite+vue3实现方法首先初始化一个vue3项目创建完得到

1. 首先在composables中创建useMonaco.ts 2. 在components中创建MonacoEditor.vue 3. 在需要用到MonacoEditor的文件中直接引入即可

目前setup sugar已经进行了定稿，vue3 + setup sugar + TS的写法看起来很香,用起来也爽。