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

最新推荐文章于 2025-11-03 15:02:16 发布

原创最新推荐文章于 2025-11-03 15:02:16 发布 · 196 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vscode #typescript #ide

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

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将终端设置为git-bash

夕目

12-10

3053

目录打开VScode的设置打开json配置文件添加git-bash配置查看是否生效设置为默认终端这里还是蛮坑的。在网络上搜索了蛮多，但是一直不生效，后来发现是自己的路径写错了要想设置git-bash 总得知道它的目录吧，比如我的目录：D:\sinmu\git\Git 我这个目录是个是启动脚本的目录，实际上，git有个bash.exe。我们需要将这个bash.exe的路径放到vsc中才可以生效。实际路径：git的安装目录\bin\bash.exe 这里路径一定不要放错了

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

qq_42773229的博客

07-18

1026

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

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

配置VScode终端

最新发布

CompiLume的博客

11-03

615

轻松掌握VSCode终端默认目录设置技巧，解决每次启动路径不符的烦恼。适用于前端开发、项目多环境切换场景，通过修改settings.json配置实现一键直达项目根目录，提升效率。方法简单可靠，值得收藏。

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

2301_78213977的博客

09-10

2908

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

vscode怎么在终端执行ts代码

lxc的点点滴滴

07-12

1075

typescript代码在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 ...

vscode编写typescript

03-31

### 如何在 Visual Studio Code 中设置...综上所述，从安装必要的依赖项开始直到实际动手写第一个小程序为止，整个过程中充分利用了 VSCode 提供的强大功能和支持特性，从而使得基于 TypeScript 开发变得更加便捷顺畅。

vscode中typescript报错插件

06-28

9.Debuggerfor Chrome(或其他浏览器):调试TypeScript代码（通常需要sourcemap）。10. Jest:如果使用Jest进行测试，这个插件可以提供测试运行和调试支持。11. Quokka.js:实时显示代码运行结果，方便快速测试代码片段...

VScode初次使用Ts配置

qq_56697845的博客

02-21

918

使用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

1055

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

TSConfig 配置（tsconfig.json)

m0_49159526的博客

01-02

4293

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

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

weixin_53141315的博客

01-15

3020

tsconfig.json文件首行标红

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

xcrn75416的专栏

08-22

552

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

VsCode运行Ts文件

njkl2166的博客

12-06

875

在ts文件点击右键执行。

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

北柒南笙

06-20

2311

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

vscode uniapp 配置tsconfig报错

q80310134的博客

09-25

472

vscode uniapp 配置tsconfig experimentalRuntimeMode nativeTags报错