vscode中进行typescript安装和使用的全套流程

管理员

npm install -g typescript

查看版本

tsc -v

报错:
tsc : 无法加载文件 D:\codeSoftware\node\tsc.ps1,因为在此系统上禁止运行脚本。

解决办法:
运行 set-ExecutionPolicy RemoteSigned 命令,在询问更改执行策略的时候选择敲Y或者A
运行 get-ExecutionPolicy 命令,可看到脚本的执行策略已被更改为 RemoteSigned
请添加图片描述

生成配置文件

tsc --init

删除之前写的ts和js文件,重新创建ts文件,写入相应语句,按下快捷键Ctrl+Shift+B,会看到有两个选项,选择tsc:watch - tsconfig.json监视模式即可,一旦更新ts文件,保存时就会自动编译成js文件。

function Test(name:string){
    console.log(name)
}
Test("帅哥")

执行后,除了生成js文件,看不到任何效果。
在这里插入图片描述
所以我们需要安装个插件在控制台输出信息
在这里插入图片描述

但是,出现乱码
在这里插入图片描述
按照网上说的,修改vscode里面设置的配置

npm install typescript ts-node @types/node@* -g

在这里插入图片描述

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值