Typescript入门手记

准备：

检查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