在VSCode上配置typescript + nodejs 开发环境

  • 新建目录
  • npm init 创建package.json 一路回车
  • 创建tsconfig.json
    输入命令tsc --init会创建一个这样内容的tsconfig.json
   {
  "compilerOptions": {
    "module": "commonjs",
    "target": "es6",
    "removeComments": false,
    "noImplicitAny": false,
    "sourceMap": true,
    "allowJs": true,
    "outDir": "./", 
  },
  "exclude": ["node_modules"]
}

因为写node.js你可以修改target为es6, 要调试把 sourceMap改为true, 添加allowjs为true,就可以ts和js混合用

  • 配置TypeScript编译


    在VSCode上配置typescript + nodejs 开发环境_第1张图片
    image.png

按ctrl+shift+b,如果没有配置过task, 就会在上面提示。
点击配置任务运行程序之后选择创建TypeScript项目
在.vscode文件夹下生成一个task.json文件

  • 新建ts文件,npm install

  • 选择tsc: watch-tsconfig.json
    就会自动生成js的文件

  • 安装nodemon npm install nodemon -g
    使用nodemon启动js文件 会根据文件的变动自动更新代码

  • 完!

你可能感兴趣的:(在VSCode上配置typescript + nodejs 开发环境)