如何在VSCode中切换typescript的版本,使用工作空间的版本

今天打算体验一下typescript的最新功能,所以在当前目录中安装了typescript最新的rc版本

npm install typescript@rc --save-dev

然后希望vscode能够使用当前目录(工作空间/workspace)中的版本。后来google查阅官方文档。发现其实很简单。看图:
在这里插入图片描述
看好点击了左下角的版本号

之后就可以体验typescript最新版本的语法了。

参考:https://code.visualstudio.com/docs/typescript/typescript-compiling#_using-the-workspace-version-of-typescript

备注:
有的文章说需要配置项目中的.vscode/setting.json文件。添加tsdk的目录指向。但我实测并不需要。问题见这里,是不是vscode版本已经自动检测了?此外如果需要在命令行使用工作空间的tsc。可以直接使用npx tsc即可。

liuyanan@liuyanandeMacBook-Pro ts4.1 % tsc -v
Version 4.0.5
liuyanan@liuyanandeMacBook-Pro ts4.1 % npx tsc -v
Version 4.1.1-rc
liuyanan@liuyanandeMacBook-Pro ts4.1 % 
要在 VS Code 上安装 TypeScript,您需要按照以下步骤操作: 1. 安装 Node.js TypeScript 是一种在 Node.js 上运行的编程语言。您需要在计算机上安装 Node.js 才能使用 TypeScript。 您可以从 Node.js 的官方网站 https://nodejs.org/zh-cn/ 下载适用于您的操作系统的安装程序。安装程序会将 Node.js 和 Node 包管理器(npm)一起安装在您的计算机上。 2. 安装 TypeScript 在安装了 Node.js 后,您可以使用 npm 安装 TypeScript。打开终端或命令提示符,输入以下命令: ``` npm install -g typescript ``` 这将在全局范围内安装 TypeScript。 3. 在 VS Code 上创建 TypeScript 项目 现在您已经安装了 TypeScript,接下来您需要在 VS Code 上创建一个 TypeScript 项目。打开 VS Code,选择“文件”>“新建文件夹”,并为项目选择一个名称。然后,将终端或命令提示符切换到您创建的文件夹。 在您的文件夹,创建一个名为“tsconfig.json”的新文件。这是 TypeScript 的配置文件,它告诉 TypeScript 编译器如何编译您的代码。在“tsconfig.json”文件添加以下内容: ``` { "compilerOptions": { "target": "es5", "module": "commonjs", "outDir": "dist" }, "include": [ "src/**/*" ] } ``` 这将告诉 TypeScript 编译器将编译目标设置为 ES5,使用 CommonJS 模块系统,并将编译输出保存在“dist”文件夹。它还将指示 TypeScript 编译器编译“src”文件夹的所有 TypeScript 文件。 4. 创建 TypeScript 文件 现在,您可以在“src”文件夹创建一个新的 TypeScript 文件。在 VS Code 选择“文件”>“新建文件”,并将文件保存为“index.ts”。 在“index.ts”文件添加以下内容: ``` function greeter(name: string) { console.log("Hello, " + name + "!"); } greeter("TypeScript"); ``` 这是一个简单的 TypeScript 程序,它将在控制台输出“Hello, TypeScript!”。 5. 编译 TypeScript 文件 在 VS Code ,打开终端或命令提示符,并将其切换到您的项目文件夹。然后,输入以下命令: ``` tsc ``` 这将编译您的 TypeScript 文件并将编译输出保存在“dist”文件夹。 6. 运行 TypeScript 文件 最后,您可以运行您的 TypeScript 程序。在终端或命令提示符输入以下命令: ``` node dist/index.js ``` 这将在控制台输出“Hello, TypeScript!”。 现在,您已经成功地在 VS Code 上安装并运行了 TypeScript
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值