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 @ 2023-03-01 20:28  imxiangzi  阅读(229)  评论(0编辑  收藏  举报