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

推荐订阅源

雷峰网
雷峰网
爱范儿
爱范儿
宝玉的分享
宝玉的分享
Apple Machine Learning Research
Apple Machine Learning Research
博客园 - Franky
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
博客园 - 三生石上(FineUI控件)
人人都是产品经理
人人都是产品经理
阮一峰的网络日志
阮一峰的网络日志
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
Last Week in AI
Last Week in AI
博客园 - 聂微东
大猫的无限游戏
大猫的无限游戏
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
罗磊的独立博客
博客园 - 叶小钗
WordPress大学
WordPress大学
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
酷 壳 – CoolShell
酷 壳 – CoolShell
小众软件
小众软件
博客园 - 司徒正美
博客园 - 【当耐特】
IT之家
IT之家

博客园 - 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