typescript

mock数据api

ts-node tsc指令（typescript compile）编译并执行ts文件

// 在管理员权限下 全局安装typescript和ts-node
npm install -g typescript ts-node
tsc --help // 查看指令
cnpm install axios -S
tsc index.ts // 输出结果为一个js文件
ts-node index.ts

初识ts、类型系统

例子

import axios from 'axios'
const url = 'https://jsonplaceholder.typicode.com/users/1'
axios.get(url).then(res => {
   
    const data: IUser = res.data
    const {
    id, name, email, phone } = data
    console.log(`id是${
     id}`)
    console.log(`name是${
     name}`)
    console.log(`email是${
     email}`)
    console.log(`phone是${
     phone}`)
})
interface IUser {
   
    id: number;
    name: string;
    username: string;
    email: string;
    address: IAddress;
    phone: string;
    website: string;
    company: ICompany;
}
interface IAddress {
   
    street: string;
    suite: string;
    city: string;
    zipcode: string;
    geo: IGeo;
}
interface IGeo {
   
    lat: string;
    lng: string;