专为中年人做的的婚恋网站,怎么制作微信小程序游戏,wordpress 热门排行,dede织梦建站教程三步让你的 vscode 自动编译ts文件 TypeScript环境安装与如何在vscode实现自动编译ts文件? 文章目录三步让你的 vscode 自动编译ts文件前提条件环境安装自动编译运行监视任务时报错#xff1f;前提条件
安装 node 环境 环境安装
tsc 作用#xff1a;负责将ts 代码 转为 浏…三步让你的 vscode 自动编译ts文件 TypeScript环境安装与如何在vscode实现自动编译ts文件? 文章目录三步让你的 vscode 自动编译ts文件前提条件环境安装自动编译运行监视任务时报错前提条件
安装 node 环境 环境安装
tsc 作用负责将ts 代码 转为 浏览器 和 nodejs 识别的 js代码。
// 全局安装
npm install -g typescript// 检查是否安装成功
tsc -v自动编译 设置 VSCode 自动编译省去敲命令编译文件由工具自动完成提高效率。 运行 tsc --init创建 tsconfig.json 文件修改 tsconfig.json 文件设置编译后的 js 文件夹。快速查找 outDir输出路径修改为outDir: ./js/设置 vscode 监视任务之后修改项目中的 ts 代码时会自动生成对应 js或运行 tsc -w 命令监听 PS 至此 三步让vscode自动编译 分享完成也成功运行啦下面再分享你可能会遇到的问题吧有问题不要慌哈~ 运行监视任务时报错 嗯不要着急~是因为该目录下没有监视到 ts 文件提示错误信息先不用管。接下来直接创建一个 ts 测试文件写上你喜欢的代码会发现自动生成编译后的 js 文件错误也没有啦
