准备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!
当然也可以直接打开系统终端或命令行,但是这时,需要手动切换项目目录。