type scripte 项目创建

创建项目

npm init

安装相应的库

npm install --save-dev typescript

npm install --save-dev nodemon

npm install --save-dev ts-node

npm install --save-dev @types/koa

npm install --save koa

package.json内容差不多如下

{
  "name": "learn-ts",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "dev": "nodemon -x ts-node --inspect app.ts",
    "start": "node dist/app.js",
    "build": "tsc "
  },
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "@types/koa": "^2.0.46",
    "nodemon": "^1.17.5",
    "ts-node": "^6.1.0",
    "typescript": "^2.9.1"
  },
  "dependencies": {
    "koa": "^2.5.1"
  }
}

生成tsconfig.json文件

tsc --init
tsconfig.json

文件设置如下

{
  "compilerOptions": {
    "outDir": "./dist/",
    "module": "commonjs",
    "noImplicitAny": true,
    "preserveConstEnums": true,
    "sourceMap": true,
    "target": "es5",
    "allowJs": true
  }
}

在根目录下创建 app.ts文件

import * as Koa from 'koa'

const app = new Koa()

app.use(ctx => {
  ctx.body = 'xiadd'
})

app.listen(8002, () => {
  console.log('server is running')
})

输入命令进行编译和运行

npm run build

npm run start
 

也可以创建run.sh文件 将运行命令写入该文件

创建项目

npm init
 

安装相应的库

npm install --save-dev typescript

npm install --save-dev nodemon

npm install --save-dev ts-node

npm install --save-dev @types/koa

npm install --save koa

package.json内容差不多如下

{
  "name": "learn-ts",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "dev": "nodemon -x ts-node --inspect app.ts",
    "start": "node dist/app.js",
    "build": "tsc "
  },
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "@types/koa": "^2.0.46",
    "nodemon": "^1.17.5",
    "ts-node": "^6.1.0",
    "typescript": "^2.9.1"
  },
  "dependencies": {
    "koa": "^2.5.1"
  }
}

生成tsconfig.json文件

tsc --init

tsconfig.json文件设置如下

{
  "compilerOptions": {
    "outDir": "./dist/",
    "module": "commonjs",
    "noImplicitAny": true,
    "preserveConstEnums": true,
    "sourceMap": true,
    "target": "es5",
    "allowJs": true
  }
}

在根目录下创建 app.ts文件

import * as Koa from 'koa'

const app = new Koa()

app.use(ctx => {
  ctx.body = 'xiadd'
})

app.listen(8002, () => {
  console.log('server is running')
})

输入命令进行编译和运行

npm run build

npm run start

也可以创建run.sh文件 将运行命令写入该文件

nodemon --ext js,ts --exec ts-node dist/app

运行run.sh命令

./run.sh
 

Typescript特点

typescript 通过构造函数的参数直接定义属性,为了证明,我们创建一个info.ts文件 内容如下

class Info {
    constructor(
        public name: string
        private age: number ) {}
}

使用tsc info.ts进行编译后 生成info.js

var Info = /** @class */ (function () {
    function Info(name, age) {
        this.name = name;
        this.age = age;
    }
    return Info;
}());

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 70,752评论 12 116
  • pdf下载地址:Java面试宝典 第一章内容介绍 20 第二章JavaSE基础 21 一、Java面向对象 21 ...
    王震阳阅读 73,292评论 25 504
  • TypeScript 是微软开发和控制的开源项目,我在应用 Anguar 2+ 和 Ionic 2+ 框架开发系统...
    廖全磊LesterLiao阅读 219评论 0 2
  • 原文地址:Getting started with TypeScript and React 原文作者:Jack_...
    沪江技术学院阅读 14,162评论 4 34
  • 咫尺之间 难以触及 摸着你的脸 却感受不到你的温暖 四目相对 无语无望 看着你的眼睛 却无法看到眼底的我 同床共枕...
    空云阅读 21评论 0 0