Typescript初始化

87 阅读1分钟

安装typescript

  1. npm init -y 生成packge.json文件
  2. 安装typescript
  • npm install typescript
    
  • yarn add typescript
    
  1. 生成tsconfig.json 文件
  • tsc --init
    
  1. 需要tsconfig.json的配置
  • "outDir":"./dist" 编译后生成js文件保存的目录
    
  • "rootDir":"./src" 编写源码所在的目录
    
  • dist,src,tsconfig.json,packge.josn 必须在同一个目录下
    
  1. 编译src目录以及子目录的ts文件
  • tsc 在src当前目录下运行一下 
    
  1. 安装ts-node
  • ts-node让node能直接执行ts代码,无需编译成js
    
  • npm install ts-node
    
  • yarn add ts-node
    
  1. 安装nodemon 自动检测工具
  • yarn add nodemon 
    
  • npm install nodemon
    

8.在packge.json中配置自动检测,自动重启应用程序

  • "scripts":{ "dev":"nodemon --watch src/ -e ts --exec ts-node ./src/app/ts" }
    

parcel打包支持浏览器运行的ts文件

  1. 安装parcel
  • npm install parcel-bundler --save-dev
    
  • yarn add parcel-bundler
    

2.在packge.json中添加启动项

  • "scripts":{ "start":"parcel ./index.html" }
    
  1. 启动parcel工具包
  •  yarn start
    
  •  npm run start
    

添加jest单元测试

  • npm i jest ts-jest @types/jest -D
  • package.json下 "scripts": { "test": "jest"}