11-21 11:22 阅读 435

关注

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文件。

如果vscode编辑ts出现下面问题，解决方法如下：

1. eslint校验typescript。

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

1. 格式化typescript

顺便设置一个默认值

1. 配置TypeScript自动编译。

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

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

作者：若白人
链接：https://juejin.cn/post/7032577121050443813