vlambda博客
学习文章列表

准备TS开发环境-开发工具VScode的安装

TS环境配置好后,接下来就要找一个适合TypeScript的IDE。在这里重点介绍一下VSCode(Visual Studio Code)。在这里只是推,并不是唯一样的,大家可以根据自己的情况选择适合自己的即可。

VSCode的优势:

  • 免费开源,可跨平台使用且跨平台体验非常一致

  • 同样由微软主导开发,并进行高频率的持续更新

  • 几乎由TypeScript实现,天然对TypeScript有良好的支持。当光标悬停在变量上时,会主动提示变量类型,非常方便。

安装
访问VSCode的官网(https://code.visualstudio.com),可以直接根据当前系统版本下载需要的安装包。安装就非常简单,直接双击进行安装。

更新
VSCode会自动检查是否为最新版本,并提示用户自动更新。所以无须担心当前是否为最新版本。

安装shell命令

未安装shell命令之前之前,不能在命令行中输入命令code . 不能直接启动VSCode并打开项目。

安装shell命令
按住快捷ctrl+shift+p,在浮窗中输入:

install 'code'

安装后,就可以通过code命令直接打开指定项目。

Demo

代码编写:
打开VSCode,并新建一个hello.ts文件,并输入console.log("Hello World!")并保存。

打开终端
可以直接打开VScode自带终端(Ctrl+J),打开自带终端时,当时所在目录即为项目目录,可以直接在终端中,输入ts-node hello.ts,这里就会输出Hello World!

当然也可以直接打开系统终端或命令行,但是这时,需要手动切换项目目录。