1、通過快捷方式打開VisualStudioCode工具，然后新建靜態頁面。

2、創建一個靜態頁面table.html，并添加頁面代碼，然后保存，使用瀏覽器查看。

3、點擊File菜單，選擇OpenFolder，將項目導入到VisualStudioCode。

4、導入進去后，查看項目所依賴的包是否安裝，項目配置文件。

5、新建一個終端窗口，在命令行輸入npmrundev運行項目。

6、再點擊File，然后新建一個TypeScript文件ct.ts，添加對應的代碼。

7、打開一個終端窗口，查看是否安裝TypeScript插件，利用tsc命令運行文件。

工具/原料

VisualStudioCode

Vue.js

JavaScript

HTML5

CSS3

截圖工具

WPS

瀏覽器

方法/步驟

通過快捷方式打開VisualStudioCode工具，然后新建靜態頁面

創建一個靜態頁面table.html，并添加頁面代碼，然后保存，使用瀏覽器查看

點擊File菜單，選擇OpenFolder，將項目導入到VisualStudioCode

導入進去后，查看項目所依賴的包是否安裝，項目配置文件

新建一個終端窗口，在命令行輸入npmrundev運行項目

再點擊File，然后新建一個TypeScript文件ct.ts，添加對應的代碼

打開一個終端窗口，查看是否安裝TypeScript插件，利用tsc命令運行文件