使用visual studio code將TypeScript編譯爲Javascript

準備環境

安裝VS code

下載地址
https://code.visualstudio.com/

  • 選擇OS對應的VS Code下載,下載完成後安裝並啓動
    在這裏插入圖片描述

安裝typescript

需要提前安裝node js

  • 安裝typescript
npm install -g typscript

編寫hello.ts測試

  • 新建一個文件
    在這裏插入圖片描述
  • 保存爲hello.ts

在這裏插入圖片描述

  • 編寫TypeScript
console.log("11111");

class Dog {
    name():void {
        console.log("labuladuo Dog ");
    }
}

var dog=new Dog();
dog.name();

在這裏插入圖片描述

  • 運行 tsc hello.ts
    tsc:無法加載文件,提示因爲在此係統上禁止運行腳本
    在這裏插入圖片描述
  • 按win+s 搜索 powershell,以管理員身份運行PowerShell
    在這裏插入圖片描述
    在這裏插入圖片描述
  • 查看執行策略
get-ExecutionPolicy -List

在這裏插入圖片描述

  • 修改當前用戶的執行策略
Set-ExecutionPolicy RemoteSigned -Scope CurrentUser

輸入Y確定
在這裏插入圖片描述

  • 查看修改後的執行策略
get-ExecutionPolicy -List

在這裏插入圖片描述

  • 編譯Typescrit
tsc hello.ts

按ctrl+j 打開terminal然後編譯hello.ts文件
在這裏插入圖片描述

  • 查看編譯後的文件hello.js文件
    在這裏插入圖片描述
  • 運行node hello.js
    在這裏插入圖片描述

參考
https://docs.microsoft.com/zh-cn/previous-versions/windows/powershell-scripting/hh847748(v=wps.640)?redirectedfrom=MSDN

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章