配置vscode编写TypeScript环境,能够自动监听并编译

前提是需要本地已经安装了nodejs和npm
首先在本地全局安装一下typescript(可以cmd也可以直接在vscode的终端中使用)

npm install -g typescript

在桌面新建文件夹,然后引入到vscode中
右键终端打开输入命令

tsc --init

会自动生成tsconfig.json文件
在这里插入图片描述
把这里改成你要编译之后输出的文件夹目录
然后点击上方的终端(T),选择监听
在这里插入图片描述
当你新建ts文件并编写代码之后保存,就会自动编译到js目录下,并把ts文件改成了es5的js文件
在js文件中点击run
在这里插入图片描述
就能够运行js代码了(在TS下是不会运行的)

发布了93 篇原创文章 · 获赞 25 · 访问量 1万+

猜你喜欢

转载自blog.csdn.net/qq_40282732/article/details/104069759
今日推荐