最近一直想搭建个集成React,TypeScript的开发环境,但是无从下手,一番摸索后总算折腾出来了,记录下步骤。
React有create-react-app,这种脚手架的方式好处很明显,支持ES6新增语法、api,每次保存自动更新改变的内容(不用再每次手动关闭重启Node服务器),所以弄出脚手架:
$ npx create-react-app react_typescript
$ cd react_typescript
有了脚手架,然后需要集成typescript,查阅官方文档从Javascript迁移到Typescript,步骤如下:
安装Typescript:
$ npm install typescript
根目录下创建配置文件tsconfig.json,写入以下内容:
{
"compilerOptions": {
"target": "es5",
"lib": [
"dom",
"dom.iterable",
"esnext"
],
"allowJs": true,
"skipLibCheck": true,
"esModuleInterop": tr