TypeScript 配置环境到运行

TypeScript

原生js中头部加入

//ts-check

在vscode中将会提示js严格语法

安装TypeScript

有两种主要的方式来获取TypeScript工具:

  • 通过npm(Node.js包管理器)

针对使用npm的用户:

npm install -g typescript
cnpm i -g typescript //npm 安装失败后可以使用cnpm 安装
tsc -v  //查看是否安装成功
Version 5.0.2  //出现这行版本号安装成功  // 2023年03月typescript更新了5.0版本

推介个更换镜像源库,

npm i xmzs -g

安装后可以通过

mmp use命令更换镜像源

切换后依旧可以使用npm i命令安装

构建你的第一个TypeScript文件

在编辑器,将下面的代码输入到hello.ts

function greeter(person:string) {
    return "Hello, " + person;
}

let user = "HELLO,WORLD";
greeter(user)

手动运行ts文件

首先在命令框中输入

tsc ./hello.ts

自动运行ts文件

tsc --init
//生成tsconfig.json文件

修改tsconfig.json文件

// "outDir": "./",    //表示ts编译为js文件的地址 
/* Type Checking */

"strict": false,     //严格模式    修改为false

点击vscode中的终端-运行任务-显示所有任务-tsc监视

终端中输入 运行

node hello.js
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值