Node+Typescript环境配置

安装node

• 进入官网下载MacOS系统的Node.js
  • Node.js
• 创建并进入自定文件夹
  • mkdir typescript-starter
  • Cd typescript-starter
• 初始化项目，自动创建package.json文件
  • npm init -y

安装Typescript

• 下载typescript插件
  • npm install typescript —save-dev
• 下载types/node插件
  • npm install @types/node —save-dev

配置文件

• 创建tsconfig.json文件
  • npx tsc --init --rootDir src --outDir build \

                --esModuleInterop --resolveJsonModule --lib es6 \

                --module commonjs --allowJs true --noImplicitAny true

• 创建src文件夹，创建index.js文件，写入测试代码
  • mkdir src
  • touch src/index.js
  • console.log(‘Hello World!’);
• 用tsc解析tsconfig.json文件，将ts编译为js，build/index.js即为编译后文件
  • npx tsc

安装nodemon

• 下载冷加载插件
  • npm install —save-dev ts-node nodemon
• 创建nodemon.json文件

{

    "watch": ["src"],

    "ext": ".ts,.js",

    "ignore": [],

    "exec": "npx ts-node ./src/index.ts"

}

• 在package.json中添加script语句
  • “start:dev”: “npx nodemon”
• 在开发模式下运行
  • npm run start:dev

创建生产环境

• 下载rimraf插件
  • npm install —save-dev rimraf
• 配置package.json文件
  • “build”: “rimraf ./build && tsc”

优化生产模式下的运行

• 配置package.json文件
  • “start”: “npm run build & node build/index.js”

指令总结

• 开发模式下运行
  • npm run start:dev
• 生产模式下打包
  • npm run build