使用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

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