惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

D
Docker
酷 壳 – CoolShell
酷 壳 – CoolShell
博客园 - Franky
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
A
About on SuperTechFans
博客园 - 【当耐特】
Microsoft Security Blog
Microsoft Security Blog
H
Hackread – Cybersecurity News, Data Breaches, AI and More
The GitHub Blog
The GitHub Blog
雷峰网
雷峰网
博客园_首页
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
IT之家
IT之家
博客园 - 叶小钗
Google DeepMind News
Google DeepMind News
aimingoo的专栏
aimingoo的专栏
博客园 - 聂微东
B
Blog RSS Feed
H
Help Net Security
Recent Announcements
Recent Announcements
阮一峰的网络日志
阮一峰的网络日志
D
DataBreaches.Net
L
LangChain Blog
Vercel News
Vercel News

博客园 - SummerRain

【转】ES、TS、JS的区别 软件著作权申请-注意事项 软件著作权申请书在线打印分页不正常问题的解决 【链接】在线压缩JS文件 用户中心 - 博客园 【转】Notepad++如何设置行高 【转】kettle7.1资源库无法打开,找不到connect按钮的问题处理 【转】C# 高性能 TCP 服务的多种实现方式 【转】Cowboy 开源 WebSocket 网络库 【转】IT大牛博客 【转】ASP.NET WEB API系列教程 云服务器上安装配置Filezilla Server的坑! Windows 2008 利用Filezilla server搭建FTP C#-DataTable分页代码 百度Web富文本编辑器ueditor在ASP.NET MVC3项目中的使用说明 【转】关于TCP和UDP协议消息保护边界的介绍 【转】TCP协议的无消息边界问题 【转】Log4net用法 【转】微信公众账号 Senparc.Weixin.MP SDK 开发教程 索引
Typescript入门手记
SummerRain · 2023-12-15 · via 博客园 - SummerRain

准备:

检查npm代理,是否使用国内镜像;否则,npm install容易卡住不动

npm config set registry=https://registry.npmmirror.com 

#执行以下命令查看是否配置成功
npm config get registry

详情:https://blog.csdn.net/shi450561200/article/details/134354871

 ----

1、初始化一个新的npm项目

#新建一个项目文件夹
mkdir hello-ts
cd hello-ts

#初始化一个新的npm项目(根据提示操作)
npm init

 2、安装tsc、eslint、nodejs的类型声明

npm install --save -dev typescript eslint @types/node

检查tsc安装是否成功:

tsc -v
#或执行以下命令
npm ls typescript

3、创建tsconfig.json

tsc --init

执行成功如下图:

手动修改tscongif.json文档,设置"outDir":"dist" 

4、【本步骤不是必须的】创建eslint配置.eslintrc.json(代码风格约定):

 eslint --init

根据提示选择配置,如下图:

5、创建src目录和index.ts源文件

 mkdir src
 touch src/index.ts

在index.ts中输入:

console.log('Hello TypeScript!')

6、编译并运行index.ts源码

先编译:

tsc

编译后会在dist目录内生成index.js文件;

再运行index.js

node dist/index.js

运行成功,控制台显示“Hello TypeScript!”,如下图:

恭喜你,成功了!!!

---- ---- ----

7、如果想仅用一个命令就编译并运行代码,可以安装ts-node:

npm i -g ts-node

然后,执行ts-node命令如下:

ts-node src/index.ts

运行成功,控制台显示“Hello TypeScript!”

解释:ts-node 命令在内部偷偷的将 TS -> JS,然后,再运行 JS 代码。

但是,它没有在dist目录生成index.js!

---- ---- ----

错误排查:

1、ts的编译运行时遇到的错误--出现 Cannot find name 'console' 错误,安装@types/node这个库就可以正常编译了。
详见:https://blog.csdn.net/poppy995/article/details/123272284

2、执行touch命令,遇到FullyQualifiedErrorId : UnauthorizedAccess错误,在终端执行以下语句:

Set-ExecutionPolicy Unrestricted -Scope CurrentUser

详见:https://blog.csdn.net/levi_work/article/details/130284471

或:https://blog.csdn.net/yuan2019035055/article/details/128401965