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

使用visual studio code将TypeScript编译为Javascript相关推荐

Visual Studio Code搭建TypeScript开发环境
转载 http://www.cnblogs.com/sunjie9606/p/5945540.html 使用Visual Studio Code搭建TypeScript开发环境 1.TypeScrip ...
使用Visual Studio Code搭建TypeScript开发环境
使用Visual Studio Code搭建TypeScript开发环境 1.TypeScript是干什么的 ? TypeScript是由微软Anders Hejlsberg(安德斯·海尔斯伯格,也是 ...
使用Visual Studio Code配合TypeScript增强SAP UI5开发的语法检查
但凡从ABAP编程语言转到JavaScript这门弱类型编程语言进行SAP ui5开发的顾问们,因为缺乏对书写代码的静态检查,往往很不习惯. 其实我们可以使用Visual Studio Code加上t ...
vscode 清空缓存_如何清除Visual Studio Code的TypeScript的intellisense缓存？
我最近一直在使用Visual Studio代码问题,它拒绝在TypeScript文件上提供任何Intellisense,但只在某些文件上提供.目前,我有我的文件夹的布局是这样的:如何清除Visual ...
mingw w64 v8.0.0_使用Visual Studio Code和MinGW编译运行C++代码
官网:<Using Mingw in Visual Studio Code>,本文稍做了简化,喜英文版可直接移步. 工具准备首先应该准备如下工具: 安装对应版本的Visual Studi ...
Visual Studio Code(VSCode) 编辑/编译/调试 C++ 代码
前言最近想要切换编辑工具,之前工作中使用过 Source Insight,Eclipse,CLion 来写 C++ 代码.目前来说 Source Insight 已经非常古老,只有编写代码还说得过去 ...
使用Visual Studio Code + Node.js搭建TypeScript开发环境
Visual Studio Code搭建Typescript开发环境 -- 相关文章: http://www.cnblogs.com/sunjie9606/p/5945540.html [注意:这里仅 ...
Visual Studio Code中文文档（一）-快速入门
Visual Studio Code是一个轻量级但是十分强大的源代码编辑器,重要的是它在Windows, OS X 和Linux操作系统的桌面上均可运行.Visual Studio Code内置了对J ...
[转]Using Angular in Visual Studio Code
本文转自:https://code.visualstudio.com/docs/nodejs/angular-tutorial Using Angular in Visual Studio Code ...