在vscode上 运行typescript 文件

Posted aloehui

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了在vscode上 运行typescript 文件相关的知识,希望对你有一定的参考价值。

  1. 安装nodejs
安装链接: https://nodejs.org/zh-cn/  

安装测试:  node -v
           npm -v
  1. 安装typescript
sudo npm install typescript -g    
npm install typescript -D(--dev) 
tsc --version     

 

  1. 编写程序
  • 初始化程序: npm init -y 生成package.json文件
  • 创建tsconfig.json文件: tsc --init
  • 安装@types/node,解决模块间的声明问题:npm install @types/node --dev-save
  • 编写ts文件 例如a.ts,保存
  • tsc a 将ts文件转为js文件
  • node a 运行a.js

 

  4. 关于tsconfig.json的配置,详见:

https://github.com/hstarorg/HstarDoc/blob/master/%E5%89%8D%E7%AB%AF%E7%9B%B8%E5%85%B3/TypeScript%E9%85%8D%E7%BD%AE%E6%96%87%E4%BB%B6tsconfig%E7%AE%80%E6%9E%90.md

 

     5. 常用tsconfig配置:

{
  "compilerOptions": {
    "target": "ES5",
    "module": "commonjs",
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "sourceMap": true,
    "noEmitHelpers": true
  },
  "exclude": [
    "node_modules",
    "typings/main",
    "typings/main.d.ts"
  ],
  "compileOnSave": false
}

 

 

以上是关于在vscode上 运行typescript 文件的主要内容,如果未能解决你的问题,请参考以下文章

VSCode for MacOS 中的 Typescript 导入不正确

VScode搭建TypeScript开发环境

调试并重新启动更改 typescript vscode

在 gulp 任务后无法在 vscode 上为 typescript 运行调试器,调试器运行未编译的代码

TypeScript学习第一天:在vsCode中自动编译

如何让 VSCode 显示 *not* 在编辑器中打开的文件的 TypeScript 错误?