typeScript的安装使用与问题记录

慕何 / 2024-04-25 / 原文

安装 typeScript :  npm install -g typescript

随后安装报错,提示:

 解决方法如下:

 

安装成功后,tsc -v无法查询到typeScript版本
错误信息为:

 

尝试:更改执行策略

搜索栏中搜索:PowerShell(管理员命令打开)
输入命令:set-ExecutionPolicy RemoteSigned(选择Y)

输入验证命令:get-ExecutionPolicy
系统回复Restricted,表示状态是禁止的;若是提示了 RemoteSigned 就代表成功(显示RemoteSigned 后,tsc -v任然报错)

 


查阅得知:运行typeScript要求nodeJs版本不低于14(本地12.16)

 

尝试更新nodeJS(14.15.1):解决地址 https://blog.csdn.net/aaronmer/article/details/130642599

 

 

 

随后输入:npm -v(6.12) node -v (依旧为12.16)

 

解决办法:搜索栏中找到nodeJS,跟踪文件夹为:12.16,进入控制面板卸载 nodeJS

 

打开VsCode创建【index.js】后,运行tsc indes.js命令失败,运行npm -v 与 node -v 皆失败
解决办法:
再次配置环境变量:用户环境变量与系统环境变量

最后:!!!把VsCode里所有文件夹及窗口关闭后,重新进入(完美解决)

 

 

 

 测试:(成功)
在存有 typeScript文件(xx.ts)目录下,输入node -v(14.15.1)  ,输入tsc -v(5.4.5);

随后输入:tsc index.js,生成了对于的 index.js 文件

 

随后开启试试监控响应式修改:

把原来的 ts与js 文件删掉。目录下终端运行:tsc --inst(生成配置文件)

 

 

 配置tsconfig.json文件,搜索找到【outDir】放开后输入:'./js' (将生成的js文件放入同级目录下的js目录下)

 

随后创建 ts文件夹,用于存放 ts文件。输入对应内容

 

随后点击终端 > 运行任务 > typescript > 监视

 

 

 

成功生成 js文件,且自动编译:(完成!)