首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >创建 typescript 项目.md

创建 typescript 项目.md

作者头像
kongxx
发布2024-09-08 12:30:23
发布2024-09-08 12:30:23
14500
代码可运行
举报
运行总次数:0
代码可运行

有时候需要创建一个最简单的 typescript 项目来验证一些东西,这里记录一下如何创建一个最简单的 typescript 项目。

创建并初始化项目

代码语言:javascript
代码运行次数:0
运行
复制
$ mkdir my-typescript-project
$ cd my-typescript-project
$ npm init -y
$ npm install typescript ts-node @types/node --save-dev
$ npx tsc --init

创建 typescript 文件

  • hello.ts
代码语言:javascript
代码运行次数:0
运行
复制
const world = 'World';

export function hello(who: string = world): string {
  return `Hello ${who}! `;
}
  • index.ts
代码语言:javascript
代码运行次数:0
运行
复制
import { hello } from './hello';

console.log(hello('World'));

编译 typescript 文件

代码语言:javascript
代码运行次数:0
运行
复制
$ npx tsc

或者使用 -w 参数监控文件变化

代码语言:javascript
代码运行次数:0
运行
复制
$ npx tsc -w

运行 typescript 文件

代码语言:javascript
代码运行次数:0
运行
复制
$ npx ts-node index.ts

或者使用 nodemon 监控文件变化并编译运行

代码语言:javascript
代码运行次数:0
运行
复制
$ nodemon index.ts
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2024-09-06,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 创建并初始化项目
  • 创建 typescript 文件
  • 编译 typescript 文件
  • 运行 typescript 文件
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档