首页 前端知识 使用vscode编写并运行typescript代码

使用vscode编写并运行typescript代码

2024-05-23 20:05:23 前端知识 前端哥 931 59 我要收藏

1.安装vsCode

Visual Studio Code - Code Editing. Redefined

2.安装nodejs

下载 | Node.js 中文网

 

3.打开vscode,在vscode里面打开终端(快捷键是ctrl+~)
   查看是否成功安装node和npm:
   node -v
   npm -v

   在终端中输入如下命令并运行:
   npm install -g typescript
   检查是否成功安装(typescript)的命令:tsc -v
 

   运行流程:

手动编译和运行ts代码:
    1.编译  tsc 文件名(包含扩展名)
    2.运行  node 文件名(包含扩展名)

vscode 自动编译和运行ts代码:
     1.生成配置文件: tsc --init
      2.修改配置文件:tsconfig.json  ("outDir":"./js" ,“strict":false)
      3.启动监视任务 :terminal->run task...->show all task..->tsc:watch - tsconfig.json

运行:
快捷键:F5或ctrl+F5
选择: run->star debugging

参考:
typescript从入门到熟练,使用vscode编写_typescript vscode_bin9153的博客-CSDN博客

转载请注明出处或者链接地址:https://www.qianduange.cn//article/9183.html
标签
评论
发布的文章

jQuery初学

2024-05-29 10:05:14

Jquery中$,web开发语言

2024-05-29 10:05:25

jQuery 实现小球撞击动画

2024-05-29 10:05:04

echarts 横向柱状图

2024-05-29 10:05:01

Echarts:读取动态数据

2024-05-29 10:05:53

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!