之前尝试运行了一下Deep Playground ，Deep Playground 是神经网络的交互式可视化，使用 d3.js 用 TypeScript 编写。

typescript环境安装

• nodejs安装
• npm换源：npm config set registry https://registry.npmmirror.com
• npm install -g typescript

或者从docker 中获取一个环境

• docker pull sandrokeil/typescript

或者从docker 中获取一个node环境然后再安装

docker pull node:latest

桌面版本的在image处的run,点击optional setting可以设置名称和volume,点击hostpath的展开符号，选择本机的一个文件夹，然后右侧可以填入\mnt

• 然后运行

# ls
bin  boot  dev  etc  home  lib  lib64  media  mnt  opt  proc  root  run  sbin  srv  sys  tmp  usr  var
# cd mnt
# ls
 requirements.txt 
# npm config set registry https://registry.npmmirror.com
# npm install -g typescript
added 1 package in 22s
npm notice
npm notice New minor version of npm available! 8.9.0 -> 8.10.0
npm notice Changelog: https://github.com/npm/cli/releases/tag/v8.10.0
npm notice Run npm install -g npm@8.10.0 to update!
npm notice

Hello World

• 写一个hello.ts: console.log( “Hello World” )
• 同目录打开cmd进行编译：tsc hello.ts
• 发现多了一个hello.js文件

编译

单文件的自动编译

tsc hello.ts -w # watch模式 再文件发生变化时会自动编译（有编译的时间间隔）

多个文件的自动编译

这就要用到tsconfig.json这个配置文件了，本项目中文件内容为:

{
  "compilerOptions": {
    "module": "commonjs",
    "removeComments": true,
    "preserveConstEnums": true
  },
  "exclude": [
    "node_modules" 
  ]
}

执行tsc -w 即可。