vscode 配置typescript开发

今天介绍如何用vscode开发typescript程序,开始前我们需要一点小小的配置:

  1. 下载vscode,这个就不用说了,下面直接给出链接地址: vscode下载
  2. 安装node.js.
  3. 安装typescript node包。 npm install -g typescript
  4. 创建tsconfig.json。 输入命令tsc --init
  5. 编译 tsc xxx.ts, 编译完后就会输出js文件。

附加配置,更好的开发体验:

  1. eslint校验typescript。
"eslint.trace.server": "verbose", //打印错误详情,可以不设置。
"eslint.validate": [
    "javascript",
    "javascriptreact",
    "typescript",
    "typescriptreact",
    "html",
    "vue",
    "markdown"
  ],
复制代码
  1. 格式化typescript

image.png

顺便设置一个默认值

image.png

  1. 配置TypeScript自动编译。 这个厉害了,自动编译ts为js,如果不设置这一项,每次改了ts文件,都要手动运行tsc xxx.ts 命令生产js文件。 按ctrl+shift+b,选择watch为检测到文件变化自动编译。

image.png

好了,经过以上设置,就可以愉快的开始TS之旅了:)


链接:https://juejin.cn/post/7032577121050443813

 

posted @   imxiangzi  阅读(236)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 记一次.NET内存居高不下排查解决与启示
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
· DeepSeek 开源周回顾「GitHub 热点速览」
点击右上角即可分享
微信分享提示