ts查看编译结果、测试网站 https://www.tslang.cn 声明对svg的支持 decalre module '*.svg'

执行最严格的类型检查规则，并处理报错 // tsconfig.json { ... "compilerOptions": { ... "strict": true, "noImplicitAny": true, ... /* Additional Checks......

将js、jsx文件重命名为ts、tsx文件，并且使用最宽松的类型检查规则，在不修改代码的前提下，是我们的工程能够跑起来 一、重命名 项目小，手动重名名就可以 项目大，借助工具重命名 使用shell...

将一个js项目逐步迁移到ts 共存策略:原来的js代码不动，新增的代码用ts编写 已有项目 hello world工程，用react编写的 工程中没有任何ts和tsx文件 构建工具是babel loader为babel-loader 开始...

为一个库编写声明文件 使用package.json中字段types // package.json { ... "types": "./types/employee-query.d.ts" } types/employee-query.d.ts: import Vue from 'vue'; declare class ...

新建项目vue-employee-query(基于上节课的项目) 我们新建的是一个组件，不是一个web工程 进行一些改造 1)webpack公共配置 1.1)把入口文件抽离了出去 1.2)指定了新的出口文件名 // build/web...

一、基于hello world工程 1)安装vue:npm i vue vue自带了声明文件，不用额外装 2)/src/index.ts import Vue from 'vue'; let app1 = new Vue({ el: '.app', data: { name: 'TypeScript', }....

步骤 前端 后端

ts-express api server增加些路由 // app.ts import indexRouter from './routes/index'; import usersRouter from './routes/users'; import employeeRouter from './routes/employee'; le...

基于expresd搭建 1)全局安装express应用生成器 npm i -g express-generator 2)生成一个express应用 express ts-express 3)进入该项目目录，安装依赖 cd ts-express npm i 一般的项目到此就搭...

安装了哪些包 redux react-redux redux-thunk 文件 入口文件 // src/index.tsx import { Provider } from 'react-redux'; ... ReactDOM.render(...

列表渲染 问题：在使用antd的Form时，用Form.create()(表单组件)注意事项： // Props interface Props extends FormComponentProps { onDataChange(data: EmployeeResponse): void; } // Com...

搭建界面 目录结构： src/ components/ employee/ #员工界面 App.tsx 代码 /src/components/employee/QueryForm. 过程 UI组件添加事件和状态（react的state），状态的类型（就是接口请求和响...

组件复用方式 优势 劣势 状态 类组件（class） 发展时间长，接受度广泛 只能继承父类 传统模式，长期存在 Mixin 可以复制任意对象的任意多个方法 组件相互依赖、耦合，可能产生冲突，不利于维...

函数组件 React.FC import React from 'react'; import Button from 'antd'; interface Greeting { name: string; } const Hello: React.FC = (props) => Hello {props.name} ......

React项目 手动创建 脚手架创建 对该工程进行改造 手动创建 1）基于ts helloworld程序 2）安装react npm i react react-dom npm i -D @types/react @types/react-dom 3）修改tsconfig.json {...

回顾ts工具体系 编译工具 ts-loader ts系 babel系 编译工具 ts-loader @babel/preset-typescript 代码检查工具 eslint + typescript-eslint babel-eslint 单元测试工具 ts-jest babel-jest 使...

TypeScript 与 ESlint ast不兼容? 插件:typescript-eslint(可以把ts的语法树转换为eslint期望的语法树ESTree) 如何在ts中使用eslint 基于上节课的hello world工程改造 首先，装的包:package....

第四讲webpack配置修正 // build/webpack.config.js const merge = require(); const baseConfig = require(); const devConfig = require(); const preConfig = require(); // Wrong! // l...

ts3.0引入的新特性: 工程引用 项目目录树 object/ src/ client/ common/ server/ test/ tsconfig.json 问题: 1.不希望在构建目录dist下有src目录 2.我们不能单独构建client端和server端代码 ...