准备

  • VSCode开发工具
  • Postman测试端口
  • 一个空的文件夹(名字随意取 如：node-ts-api)

环境搭建

通过Code打开文件夹

打开终端：快捷键Ctrl+`或沿底边拉出

输入 npm init –yes 命令（两条-）

  • 安装package.json实列化
  • 将里面的”main”:”index.js”改为”main”:”server.ts”

输入 npm install typescript -g 命令

  • 全局安装typescript
  • 浏览器不识别ts文件，要将ts进行转化成js
  • 为什么呢？比我们自己写的严谨更优化
  • 转化命令 tsc server.ts后会出现server.js文件

输入 tsc –init 命令（两条-）

  • tsconfig.json(ts的配置文件)

输入 npm install express 命令

  • 服务器依赖的模块(打包上线)

输入 npm install @types/node -g 命令

  • 全局安装开发依赖模块
  • 引入ts依赖内容

输入 npm install @types/express -D 命令

  • 开发环境依赖

优化速度

  • 由于每次修改内容都要重新输入终端命令，可以用以下方法优化

tsconfig.json文件

  • 打开全局搜索，快捷键Ctrl+f
  • 搜索target改为”target”: “es2017”,
  • 搜索outDir改为”outDir”: “./build”
  • 把原来生成的server.js删除掉
  • 再输入tsc
  • 就会出现build文件夹下有server.js

输入 npm install nodemon -g

  • 用于时时监听

package.json文件

"scripts": {
    "start-server": "tsc && node build/server.js",
    "start": "nodemon -e ts -w ./ -x npm run start-server"
  },
  • 这时可能要覆盖或比较原内容，按你喜欢
  • 输入npm start就可以不用每次修改内容都得重新输命令
  • 但浏览器的页面需要刷新一下

以上是我的学习笔记~