vscode写Typescript代码对终端的一些配置

最新推荐文章于 2025-06-10 09:00:37 发布

鱿溪

最新推荐文章于 2025-06-10 09:00:37 发布

阅读量174

点赞数

CC 4.0 BY-SA版权

文章标签： vscode typescript ide

本文链接：https://blog.youkuaiyun.com/wyz040524/article/details/134176103

本文指导如何在VSCode中利用终端配置tsconfig.json并使用CodeRunner插件实现TypeScript编译的自动化，包括`tsc--init`创建配置文件，`tsc`编译，`tsc-w`开启监视功能，以及快捷停止监视。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.对终端的一些配置

1.打开vscode后按住Ctrl+~ 可以打开vscode的终端

2.在开始配置的时候可以去vscode资源扩展包里下载一个插件Code Runner

下面开始跟着小编一步步走吧

1.在终端输入 tsc --init

会自动配置个 tsconfig.json 文件

在终端输入tsc

所有的的ts 文件是自动配置js文件

在终端输入tsc -w

然后会开启监视

监视所有的ts文件，每次改完ts文件点击保存 js文件也会有相应的改变就会省下许多繁琐的工作

当你点击 Ctrl + c 会自动停止监视

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

鱿溪

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

VsCode：配置TypeScript开发环境

ChinaDragon10的博客

06-28

5055

VsCode：配置TypeScript开发环境

typescript从入门到熟练，使用vscode编写

宝码香车的博客

03-11

4477

typescript从入门到熟练

参与评论您还未登录，请先登录后发表或查看评论

MacOs-Typst-VS Code-安装与使用

2301_78213977的博客

09-10

2125

本文是基于MacOs系统Typst本地部署在Vs Code的安装与使用，文章中出现网站均使用超链接标出，点击文字即可跳转网页。

vscode如何修改终端的默认配置

最新发布

无言非影的博客

06-10

635

摘要（150字）在VS Code中将默认终端从PowerShell切换为Git Bash的步骤如下：首先点击菜单栏"终端"→"配置终端设置"，进入设置页面后搜索"terminal.integrated.defaultProfile.windows"（Mac/Linux用户对应修改名称）。将该选项值改为"Git Bash"即可完成设置。修改后重新打开终端，默认终端即会变为Git Bash，无需每次手动切换。此方法适用于Windo

vscode怎么在终端执行ts代码

lxc的点点滴滴

07-12

1029

typescript代码在vscode终端运行

VScode初次使用Ts配置

qq_56697845的博客

02-21

858

使用tsc -w 监听ts文件后续当前文件夹中创建ts 同时会自动在./js文件中创建对应js文件。进入typeconfig.json文件更改ts 配置。获取typeconfig.json配置文件。所以我们需要将TS文件转为JS文件。找到 outDir (输出路径)通过 tsc --init。浏览器无法直接使用ts。修改为./js路径输出。

【error】在vscode终端执行tsc报错解决

qq_41287158的博客

07-01

1017

在vscode终端执行tsc报错解决 CategoryInfo : SecurityError: (:) []，PSSecurityException + FullyQualifiedErrorId : UnauthorizedAccess

从安装Node到TypeScript到VsCode的配置教程

qq_42773229的博客

07-18

901

地址一：https://registry.npm.taobao.org/typescript。yarn add -D webpack-cli //webpack-cli 脚手架。地址二：https://registry.npmmirror.com。安装完成后，重启VsCode后就可以将语言切换成中文了。

VSCode 配置 TypeScript 环境教程

05-19

### VSCode 配置 TypeScript 开发环境的步骤指南 #### 一、安装 TypeScript 为了在 VSCode 中使用 TypeScript，需要先全局安装 TypeScript 工具。通过 Node.js 的包管理工具 npm 来完成安装。运行以下命令来安装 ...

vscode配置typescript环境

03-16

3. 在 VS Code 中打开一个 TypeScript 项目（或者新建一个 TypeScript 文件），在终端或命令行窗口中输入 `tsc --init`，生成一个 `tsconfig.json` 配置文件。 4. 在 VS Code 中按下 `Ctrl + Shift + B`（Windows ...

TSConfig 配置（tsconfig.json)

m0_49159526的博客

01-02

3978

详细总结一下TSConfig 的相关配置，tsconfig.json 文件

解决vscode中导入的vue项目tsconfig.json文件首行标红问题

weixin_53141315的博客

01-15

2835

tsconfig.json文件首行标红

vscode 中 jsconfig.json 和 tsconfig.json 不能同时存在，会导致 paths 中的路径别名配置失效，不起作用！

xcrn75416的专栏

08-22

470

jsconfig.json 和 tsconfig.json 都是用于配置JavaScript和TypeScript项目的文件。它们可以包含一些选项来指定如何编译和解析项目中的文件。问题在于它们不能同时存在于同一个目录中。这是因为它们都用于设置项目的根目录，并且在解析模块时会产生冲突。解决方法：保留一个就好了。

VsCode运行Ts文件

njkl2166的博客

12-06

794

在ts文件点击右键执行。

问题记录：解决vscode 修改了tsconfig.ts 配置，导致ts服务出现问题

北柒南笙

06-20

2196

最近在开发typescript项目时，由于前期项目开启了严格模式，有时开发会有各种语法错误，然后再想临时关闭严格模式先。改了以后在写项目是，发现ts语法一直报错，单词的颜色显示不全，即使修正以后还是无法恢复。最后在网上找解决方案，才发现是ts服务的问题。开始以为是ide的问题，关闭重开还是一样。然后不信邪，直接开机重启还是一样。

vscode uniapp 配置tsconfig报错

q80310134的博客

09-25

364

vscode uniapp 配置tsconfig experimentalRuntimeMode nativeTags报错

tsconfig.json中files使用正则，VSCode会找不到第三方库类型

loveoobaby的博客

11-23

396

解决的办法也很简单。files中指定每个ts文件的相对路径，这样没增加减少一个文件都得修改一次。这么写编译没问题，但使用VSCode的时候，会显示找不到第三方的符号。

VSCode运行TypeScript

Tiny2017的博客

07-09

739

1.文档 https://www.tslang.cn/docs/handbook/advanced-types.html http://ts.xcatliu.com/ 2.步骤全局安装ts-node包 javascript npm install typescript ts-node @types/node@* -g 直接运行自己的ts文件 tsc index.ts 然后可能会报错可能是vscode策略受限制，那么以管理员身份重新打开vscode，到控制台依次输入： get-Execution

解决Vscode报错 [Vetur can‘t find ‘tsconfig.json‘ or ‘jsconfig.json‘]

weixin_44429641的博客

01-06

4011

翻译一下报错信息,"首先Vetur只会扫描项目的根目录下的jsconfig或者tsconfig,如果没有这两个文件之一,就会报错.如果你是通过vue-cli创建的vue项目,默认都会有jsconfig或者tsconfig,那问题极有可能是打开项目文件夹的时候路径不对