TypeScript基础 ts文件的创建与执行

创建

1.新建一个文件夹
2.用vscode打开
3.在文件夹下新建一个hello.ts的文件

执行

在ts文件中输入代码console.log('111')

因为node.js不能直接读取ts代码需要转换成ts文件再进行读取（需要安装typescript包）
在终端输入 tsc hello.ts node hello.js 即可将ts文件转化成js文件并打印结果

简化执行

如果修改代码如果都执行上方两个代码过于繁琐，所以我们可以采取简化方式 , 安装ts-node包 npm i -g ts-node 使用方式：ts-node hello.ts

使用这个命令可能会报错：
TSError: ⨯ Unable to compile TypeScript:
hello.ts:1:1 - error TS2584: Cannot find name ‘console’. Do you need to change your target library? Try changing the ‘lib’ compiler option to include ‘dom’.
1 console.log(‘111’);

原因是：版本ts-node的版本太新了
使用 npm uni -g ts-node 卸载掉ts-node
再使用 npm i -g ts-node@8.5.4下载旧一点的版本就不会了.

TypeScript基础 ts文件的创建与执行相关推荐

【TypeScript】TS安装与使用
目录初识TypeScript TypeScript给JS添加类型支持的原因 TypeScript相比JS的优势 TS工具包的安装 TS文件的编译和运行简化TS的运行步骤初识TypeScript ...
postgres源码解析42 btree索引文件的创建--2
本文将从btbuild函数作为入口从源码角度进行讲解btree文件的创建流程,执行SQL对应为CREATE TABLE wp_shy(id int primary key, name carchar( ...
Ts/Typescript基础运用
01.什么是Typescript.ts ts: TypeScript 的缩写,是微软开发的编程语言, Type+JavaScript (Type是类型 ===>在JS基础之上,为了JS添加了支持 ...
ts定义html是什么类型,TypeScript—类型定义文件（*.d.ts）
一.ts文件中引入jquery. 1.大家是否有再vue 上使用过 ts,并再 .ts文件中引用过 jquery 1.1是不是遇到过如下问题: import $ from 'jquery'; /*** ...
【TypeScript】TS基础
TypeScript基础文章目录 TypeScript基础类型注解 TypeScript类型概述 TypeScript原始数据类型数组类型联合类型类型别名函数类型基本使用 void 类型 ...
TypeScript 初体验：第一个 TS 文件
步骤 1. 创建ts文件: ① 在桌面中创建文件夹:code. ② 在文件夹上点击鼠标右键,然后点击 Open With Code(用VSCode打开文件夹). ③ 在 VSCode 中新建ts文件: ...
php 得到 ts文件,获取TypeScript声明文件.d.ts步骤详解
这次给大家带来获取TypeScript声明文件.d.ts步骤详解,获取TypeScript声明文件.d.ts的注意事项有哪些,下面就是实战案例,一起来看一下. 一.TypeScript的声明文件就像C ...
TypeScript 里 .d.ts 文件的用处
StackOverflow 讨论 "d.ts"文件用于为 TypeScript 提供有关用 JavaScript 编写的 API 的类型信息.这个想法是你正在使用像jQuery 或 ...
Ruby on Rails，创建和执行migrations迁移文件
在<Ruby on Rails,rake工具使用和数据库migrations迁移的概念>中,我们知道Rails中进行数据库迁移操作的基本概念和重要性.现在着手进行一个简单的数据库迁移实践吧 ...

TypeScript基础 ts文件的创建与执行

创建

执行

简化执行

TypeScript基础 ts文件的创建与执行相关推荐

最新文章

热门文章