工具/原料

Visual Studio Code

Vue.js

JavaScript

HTML5

CSS3

截圖工具

WPS

瀏覽器

方法/步驟

透過快捷方式開啟Visual Studio Code工具，然後新建靜態頁面

建立一個靜態頁面table.html，並新增頁面程式碼，然後儲存，使用瀏覽器檢視

匯入進去後，檢視專案所依賴的包是否安裝，專案配置檔案

新建一個終端視窗，在命令列輸入npm run dev執行專案

開啟一個終端視窗，檢視是否安裝TypeScript外掛，利用tsc命令執行檔案

1、透過快捷方式開啟Visual Studio Code工具，然後新建靜態頁面。

2、建立一個靜態頁面table.html，並新增頁面程式碼，然後儲存，使用瀏覽器檢視。

4、匯入進去後，檢視專案所依賴的包是否安裝，專案配置檔案。

5、新建一個終端視窗，在命令列輸入npm run dev執行專案。

7、開啟一個終端視窗，檢視是否安裝TypeScript外掛，利用tsc命令執行檔案。