怎么打造一个舒适的nodejs开发环境

目标:需要根据node的版本,提供代码的提示和报错。

使用场景:编写nodejs代码,直接运行,不经过ts编译。需要编辑和运行时一致,在编辑时提供提示和报错。

1、使用ts

可以在项目中配置 jsconfig.json/tsconfig.json, 结合 @types/node 和 @tsconfig.json。

配置之后,编写代码时可以做到api特性的提示和报错。

但是对语法特性,是没法根据ES的版本进行报错的,比如下面这个代码:

js 复制代码
let x1 = 5;
x1 &&= 10;

&&=是es2021的特性,在node14中直接运行会报错。需要先进行tsc编译。

如果想直接运行js而不进行ts编译,希望编辑器给出报错提示。这个时候只配置ts就不够了,需要结合eslint。

2、使用eslint

eslint中可以配置:

js 复制代码
languageOptions: {
      ecmaVersion: 6,
      sourceType: "script"
}

一些疑问

问题1

配置tsconfig后,会根据lib来检查代码中使用的es的api。但是没法对语法特性进行检查,ts会对语法特性进行转义。问题:

  1. ts是怎么识别最新的语法特性的,并转译的
  2. ts为什么不能对语法特性进行报错

猜想1:与server服务的ts版本有关,ts版本决定了识别的语法特性。

确实有关。需要考虑 ts版本对es语法特性的支持,哪里可以看到具体的对应关系?

也可以去 typescript 官网看版本日志:www.typescriptlang.org/docs/handbo...

不同版本的ts支持的特性不一样,验证:可以去 ts在线网站去验证:www.typescriptlang.org/play/?ts=3....

举个例子:ts3.9.7版本不支持 a||=4, 但是 4.0.5 版本支持。

那如果我要禁用高版本的语法特性,我就只能使用低版本的ts吗?有没有个选项可以配置?貌似没有,只能配合eslint

相关推荐
索西引擎3 分钟前
【React】useReducer 与 useState 的比较研究:复杂状态管理场景下的选型
前端·react.js·前端框架
hunterandroid7 分钟前
前台服务适配与线上排查:通知权限、启动限制和任务保活
android·前端
我是大卫19 分钟前
【图】React源码解析-从“上帝视角”俯瞰React的认知框架
前端·react.js·源码
不简说28 分钟前
JS 代码技巧 vol.6 — 20 个性能优化野路子,从渲染到网络全栈提速
前端·javascript·程序员
小岛前端36 分钟前
展示!我 Vibe 了一个 Codex HUD
前端·ai编程
我是大卫1 小时前
【图】React源码解析-从源码数据结构、执行机制对比、闭包陷阱与最佳实践四个维度,深挖useMemo和useCallback的底层原理
前端·react.js·源码
不一样的少年_1 小时前
不用 LangChain,手搓 AI Agent:给大模型装上“手”,让它自己读项目文件
前端·人工智能·agent
索西引擎1 小时前
【React】useState 函数式更新机制:闭包陷阱规避与状态一致性保障分析
前端·react.js·前端框架
anyup1 小时前
从文本到具身:我给 AI Agent 搭了套实时 3D 交互身体
前端·人工智能·aigc
lichenyang4531 小时前
给弱模型一本说明书:我把文档规范做成单文件 Skill,也终于分清了 Skill 和 MCP
前端