1、通过快捷方式打开Visual Studio Code工具，然后新建静态页面。

2、创建一个静态页面table.html，并添加页面代码，然后保存，使用浏览器查看。

3、点击File菜单，选择Open Folder，将项目导入到Visual Studio Code。

4、导入进去后，查看项目所依赖的包是否安装，项目配置文件。

5、新建一个终端窗口，在命令行输入npm run dev运行项目。

6、再点击File，然后新建一个TypeScript文件ct.ts，添加对应的代码。

7、打开一个终端窗口，查看是否安装TypeScript插件，利用tsc命令运行文件。

如何使用visualstudiocode 扩展

答：如何使用visualstudiocode的问题回答：

首先打开visualstudiocode，然后点击右边的“文件”进行“保存”。

在所保存的地方可以看到保存的是一个纯文本，直接打开可以看到自己所编译的代码语句。

随后对此文件夹修改扩展名，就可以看到此文件自动变成了网页文件，最后再用浏览器打开，visualstudiocode就可以运行了。

如何使用visualstudiocode 扩展

1.

首先想要在visual studio code中运行代码的话,在编写代码之前就要做好相关环境的准备,这款软件只是一个纯文本编译器,不包含编译器的编译代码功能,所以我们需要先自己安装好编译器。

2.

之后下一步,我们在使用这款软件创建项目之后,需要找到创建的项目路径。

3.

紧接着下一步打开软件菜单栏上方的文件,选择打开文件夹。

4.

选择打开文件夹之后在出现的界面就可以选择我们创建项目的路径了,可以找到项目运行了。