vscode中TypeScript环境配置

简介: vscode中TypeScript环境配置

vscode中配置TypeScript环境

  1. 第一步: 配置node环境,安装code runner运行插件
  2. 第二步: 安装ts-node包,全局安装命令 npm install ts-node -g,安装完成这时候就可以直接进行运行了。

注意: 如果直接运行出现以下错误,是因为ts-node没有安装,只需要全局进行安装即可。

‘ts-node’ �����ڲ����ⲿ���Ҳ���ǿ����еij������������ļ���

乱码的解决方法: 在setting.json中配置"code-runner.runInTerminal": true

ts在vscode中自动编译成js

第一步: 环境安装

tsc的作用: 负责将ts 代码 转为 浏览器 和 nodejs 识别的 js代码

// 全局安装
 npm install typescript -g
 
 // 检查是否安装成功
 tsc -v

第二步: 自动编译(设置 VSCode 自动编译,省去敲命令编译文件,由工具自动完成,提高效率。)

  1. 运行 tsc --init,创建tsconfig.json 文件;
  2. 修改tsconfig.json 文件,设置编译后的js 文件夹。快速查找 outDir,输出路径修改为:“outDir”: “./js/”;
  3. 设置 vscode 监视任务,之后修改项目中的 ts 代码时,会自动生成对应js;(或运行 tsc -w 命令监听)


相关文章
|
6月前
|
JavaScript IDE 前端开发
【HarmonyOS 4.0 应用开发实战】TypeScript 快速入门之环境配置
【HarmonyOS 4.0 应用开发实战】TypeScript 快速入门之环境配置
204 0
|
6月前
|
JSON JavaScript 前端开发
设置WebStorm像VSCode一样每行代码结尾自动格式化加入“;”分号(JavaScript、TypeScript格式化)
设置WebStorm像VSCode一样每行代码结尾自动格式化加入“;”分号(JavaScript、TypeScript格式化)
|
3月前
|
JavaScript 前端开发 编译器
TypeScript教程(一)在vscode中的配置TypeScript环境
本文是一篇TypeScript入门教程,介绍了在VS Code中配置TypeScript环境的步骤,包括安装Node.js、使用npm安装TypeScript、配置npm镜像源、安装VS Code的TypeScript扩展,以及创建和运行一个简单的TypeScript "Hello World"程序。
TypeScript教程(一)在vscode中的配置TypeScript环境
|
3月前
|
JavaScript
vscode——如何调试typescript
vscode——如何调试typescript
77 4
|
JavaScript 前端开发
如何在vscode上直接运行typescript
如何在vscode上直接运行typescript
1318 0
|
6月前
|
JSON JavaScript 前端开发
TypeScript笔记(2)—— 使用VSCode实时编译TypeScript代码
TypeScript笔记(2)—— 使用VSCode实时编译TypeScript代码
289 0
|
6月前
|
JavaScript 前端开发 Ubuntu
TypeScript笔记(1)——环境配置与第一个ts程序
TypeScript笔记(1)——环境配置与第一个ts程序
61 0
|
JavaScript Shell
typescript vscode /bin/sh: ts-node: command not found
typescript vscode /bin/sh: ts-node: command not found
131 0
|
JavaScript 前端开发
记一次vscode踩坑记录:"TypeScript 语言服务在其启动后已中止 5 次。将不会重启该服务。"
记一次vscode踩坑记录:"TypeScript 语言服务在其启动后已中止 5 次。将不会重启该服务。"
记一次vscode踩坑记录:"TypeScript 语言服务在其启动后已中止 5 次。将不会重启该服务。"
|
JavaScript
VSCode插件 code runner运行TypeScript
VSCode插件 code runner运行TypeScript
1410 0
VSCode插件 code runner运行TypeScript