You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

VS 2019中能否不使用TypeScript转译纯vanilla JavaScript代码?

VS 2019 纯JavaScript现代语法编写与转译方案

完全可以实现你需要的需求,不需要引入TypeScript就能在VS 2019中完成纯.js格式现代JavaScript代码的编写、语法支持与转译,操作流程如下:

  • 首先确认你的VS 2019已经安装了「Node.js开发」工作负载,本地环境已经配置好可用的Node.js运行时。
  • 进入你的JavaScript项目根目录,在VS内置终端执行命令初始化npm配置:
    npm init -y
    
  • 安装Babel转译工具相关依赖(仅作为开发依赖安装,不会打包到生产代码):
    npm install --save-dev @babel/core @babel/cli @babel/preset-env
    
  • 在项目根目录新建.babelrc配置文件,指定转译规则与兼容目标,示例配置如下:
    {
      "presets": [
        ["@babel/preset-env", {
          "targets": "> 0.25%, not dead"
        }]
      ]
    }
    
    其中targets字段可以根据你需要兼容的运行环境自行调整,比如指定具体浏览器版本、Node.js版本等。
  • 在package.json的scripts节点添加构建命令:
    "scripts": {
      "build": "babel src --out-dir dist"
    }
    
    上述配置会将src目录下的所有.js文件转译后输出到dist目录,你可以根据自己的项目目录结构调整路径。

额外说明:
VS 2019 自带的JavaScript编辑器原生支持箭头函数(lambda)、解构赋值、可选链、Promise等所有现代ECMAScript语法的高亮、智能提示、语法校验,不需要安装额外插件即可直接编写纯.js后缀的现代JS代码。你也可以根据项目需求将转译流程集成到webpack、Vite等打包工具中,全程不需要引入任何TypeScript相关依赖,也不需要创建.ts格式的文件,完全符合纯JavaScript的技术选型要求。


内容的提问来源于stack exchange,提问作者Ali EXE

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.09.28 08:06:00