美文网首页海纳百川
vscode中使用typescript-安装和使用问题小计

vscode中使用typescript-安装和使用问题小计

作者: 凛冬已至_123 | 来源:发表于2019-10-21 11:17 被阅读0次

安装TypeScript

  • vscode内置了TypeScript支持,而且它本身也是用TypeScript编写的
  • 我们要在全局安装TypeScript,以便在终端里使用tsc命令,这里使用npm安装
npm install -g typescript
  • hellow.ts文件
function sayHello(person: string) {
    return 'Hello, ' + person;
}

let user = 'Tom';
console.log(sayHello(user));
  • 执行tsc hello.ts后在ts问价同目录下生成hellow.js文件
function sayHello(person) {
    return 'Hello, ' + person;
}
var user = 'Tom';
console.log(sayHello(user));

TypeScript 中,使用 : 指定变量的类型,:的前后有没有空格都可以。
上述例子中,我们用:指定person参数类型为 string。但是编译为js之后,并没有什么检查的代码被插入进来。
问题来了
当编译ts文件生成js文件后,vscoed会报错-函数命名重复
解决方法
根目录下创建tsconfig.json文件,可以为空,也可以在网上找一下配置文件,你会发现报错消失了,中文文档


这里只先说解决办法-How the problem arise, 后续补充

相关文章

网友评论

    本文标题:vscode中使用typescript-安装和使用问题小计

    本文链接:https://www.haomeiwen.com/subject/gmzzmctx.html