搭建TS開發環境

2021-10-12 06:57:57 字數 560 閱讀 1073

建立好資料夾後,開啟 vscode,把資料夾拉到編輯器當中,然後開啟終端,執行npm init -y,建立package.json檔案。

生成檔案後,我們接著在終端中執行tsc -init,生成tsconfig.json檔案。

新建src和build資料夾,再建乙個index.html檔案。

在src目錄下,新建乙個page.ts檔案,這就是我們要編寫的ts檔案了。

配置tsconfig.json檔案,設定outdir和rootdir(在 15行左右),也就是設定需要編譯的檔案目錄,和編譯好的檔案目錄。

然後編寫index.html,引入,當讓我們現在還沒有page.js檔案。

編寫page.ts檔案,加入一句輸出console.log(『jm.com』),再在控制台輸入tsc,就會生成page.js檔案

再到瀏覽器中檢視index.html檔案,如果按f12可以看到jm.com,說明我們的搭建正常了。

<

!doctype html>

"en"

>

ts在vscode編輯器開發的環境搭建

tsconfig.json 也可以tsc init exclude node modules include src ts 注意launch和tasks的配合,已經要啟動的檔案,比如index.html launch.json bin index.html 下面這個可以預先啟動任務 引數是tasks...

vue ts ts環境搭建及ts格式寫法

1 搭建環境 方式一 vue ui手動配置 新增專案 手動配置 新增babel typescript 使用配置檔案,其他選擇自定義 選擇css預處理器和eslint 方式二 vue create 專案名建立 選擇手動配置,可新增typescript 空格新增,回車下一步 方式三 手動建立 2 編寫v...

搭建開發環境

1.py3 預設帶虛擬環境。scripts virtualenv.exe scripts virtualenv.exe file name2.啟動虛擬環境.windows下 cmd 下執行activate.bat 啟用虛擬環境 scripts activate.bat 退出環境 scripts de...