vscode 配置typescript开发

标签：typescript vscode 配置 ts js 编译 tsc

今天介绍如何用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"
  ],
复制代码

2. 格式化typescript

顺便设置一个默认值

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

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

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

 

标签：typescript,vscode,配置,ts,js,编译,tsc
From： https://www.cnblogs.com/im18620660608/p/17169612.html