vscode 配置typescript开发
今天介绍如何用vscode开发typescript程序,开始前我们需要一点小小的配置:
- 下载vscode,这个就不用说了,下面直接给出链接地址: vscode下载
- 安装node.js.
- 安装typescript node包。
npm install -g typescript
- 创建tsconfig.json。 输入命令
tsc --init
- 编译 tsc xxx.ts, 编译完后就会输出js文件。
附加配置,更好的开发体验:
- eslint校验typescript。
"eslint.trace.server": "verbose", //打印错误详情,可以不设置。
"eslint.validate": [
"javascript",
"javascriptreact",
"typescript",
"typescriptreact",
"html",
"vue",
"markdown"
],
复制代码
- 格式化typescript
顺便设置一个默认值
- 配置TypeScript自动编译。 这个厉害了,自动编译ts为js,如果不设置这一项,每次改了ts文件,都要手动运行tsc xxx.ts 命令生产js文件。 按ctrl+shift+b,选择watch为检测到文件变化自动编译。
好了,经过以上设置,就可以愉快的开始TS之旅了:)
链接:https://juejin.cn/post/7032577121050443813