typescript之nodejs开发

今天开始，正式进入基于typescripe的nodejs开发。

检查node是否安装如下图：

输入命令

node --version

打印如下，表示安装成功：

 **********************

第二步：安装解析TS的工具包

输入安装命令：

npm i -g typescript

安装成功之后截图如下：

检查安装情况：

报错如下：

 解决方案参考如下：

ts 因为在此系统上禁止运行脚本（win10系统）

 管理员身份，打开powershell

 set-ExecutionPolicy RemoteSigned

执行后，选择Y，或者A都行

 再次执行，效果如下：

第三步：示例

写一个hello.ts文件

console.log('hello ts')

运行tsc转成js

tsc hello.ts

 生成js文件

运行这个js文件

node hello.js

打印结果如下：

 第四步：简化操作ts-node

安装命令：

npm i -g ts-node

安装成功如下：

 直接使用ts-node执行ts代码

ts-node hello.ts

效果如下：

 第四步：调试ts代码

安装npm包：

npm i ts-node typescript

结果如下：

 配置调试：

{
  // Use IntelliSense to learn about possible attributes.
  // Hover to view descriptions of existing attributes.
  // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
  "version": "0.2.0",
  "configurations": [
    {
      "type": "node",
      "request": "launch",
      "name": "Launch Program",
      "runtimeArgs": ["-r","ts-node/register"],
      "args": ["${workspaceFolder}/hello.ts"]
    }
  ]
}

然后F5启动，就可以调试了

 *************************2021-03-17*********************

配置文件修改一下：

{
  // Use IntelliSense to learn about possible attributes.
  // Hover to view descriptions of existing attributes.
  // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
  "version": "0.2.0",
  "configurations": [
    {
      "type": "pwa-node",
      "request": "launch",
      "name": "Launch Program",
      "runtimeArgs": ["-r","ts-node/register"],
      "args": ["${file}"]
    }
  ]
}

主要增加启动默认为当前的文件 通过"args": ["${file}"]来实现。另外，将type修改为pwa-node，可以避免报错