![](https://img-blog.csdnimg.cn/2020092214281213.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
typescript
记录关于typescript的学习总结和工作中的良好实践。
acgCode
这个作者很懒,什么都没留下…
展开
-
NestJS环境变量配置,解决如何在拦截器(interceptor)注入服务(service)的问题
其实这也是一个NestJS环境变量配置的过程记录。在开发过程中我产生了这样一个需求,我需要通过不同的脚本命令启动不同的环境。mock环境中,我要为前端提供虚拟数据;staging环境中,我要作为BFF为前端提供后台传输过来的数据。在返回数据之前,我需要对数据进行统一格式化。于是我制作了一个拦截器。现在我要对拦截器中的数据进行处理,确保无论哪个环境下,我返回的数据结构都是统一的。...原创 2022-06-22 18:09:17 · 1428 阅读 · 0 评论 -
unplugin-auto-import的配置和eslint报错解决
unplugin-auto-import的配置和eslint报错解决先上官网:unplugin-auto-importunplugin-auto-import 解决了vue3-hook、vue-router、useVue等多个第三方插件的自动导入,也支持自定义插件的自动导入,是一个功能强大的typescript支持工具。unplugin-auto-import常用的配置如下:AutoImport({ // 目标文件 include: [ /\.[tj]sx?$/, // .ts, .原创 2022-03-14 17:14:37 · 20718 阅读 · 15 评论 -
vite + ts + eslint全局变量配置
vite + ts + eslint全局变量配置在开发过程中,我们经常需要配置一些全局变量。下面我将记录,我全局变量的配置流程。我为了使用mock,所以增加了一个全局环境变量__USE_MOCK__来区分环境。首先,我需要安装cross-env插件包,并在package.json增加一条脚本:{... "scripts": { "dev:mock": "cross-env USE_MOCK=true vite", ... }...}这样,我就可以在vite.conf原创 2022-03-14 11:42:16 · 3264 阅读 · 1 评论 -
typescript + vite 项目如何配置别名
我们为了省略冗长的路径,经常喜欢配置路径别名。但是在typescript下会遇到一些坑,比如导入路径不能以“.ts”扩展名结束,路径不识别等。下面我记录了我的处理方法。vite.config.js:export default defineConfig({ resolve: { alias: { '@': path.resolve(__dirname, 'src') // 配置别名 } }})配置完之后,就可以在ide中使用别名了。但是这个时候我发现,路径下面报原创 2022-02-18 18:28:07 · 6381 阅读 · 0 评论 -
Node.js项目如何使用ES模块
Node.js项目如何使用ESModule参考文章先上参考:Node.js Setup With TypeScript, Nodemon andESM.Can’t run my Node.js Typescript project TypeError[ERR_UNKNOWN_FILE_EXTENSION]: Unknown file extension “.ts” for/app/src/App.tsNode.js 如何处理 ES6 模块应用环境在node.js项目中一般推荐使用co原创 2022-02-11 17:44:32 · 2701 阅读 · 0 评论 -
拒绝全局安装,项目单独安装typeScript
学习typeScript的最初教程,往往是安装typeScript。官网和许多人的博客在这块都是使用的全局安装,即-g的安装方式。但是我个人比较喜欢封闭的项目环境,尽可能避免全局安装插件。以下会提供我个人在封闭项目中引入typeScript的方法。初始化项目首先初始化项目,创建package.json。npm init -y安装typeScript给你的项目安装typeScript,由于只在项目编译时使用,所以我们将插件安装在开发环境里。npm i typescript -D初始化typ原创 2020-09-03 15:14:37 · 2329 阅读 · 4 评论