初始化一个React项目(TypeScript环境)
2023-09-11 14:18:14 时间
React将由三部分组成,其中,Redux是应用状态管理服务,React-Router用于路由映射,React View用于显示界面。
我们使用Facebook推荐的create-react-app来进行项目初始化配置。首先确保系统已正确安装Node及Npm。
⒈使用npm安装create-react-app(全局安装)
npm install create-react-app -g
⒉初始化项目
d: cd Coreqi #直接创建ts环境的项目 create-react-app ts-react --scripts-version=react-scripts-ts
⒊运行项目
初始化项目之后我们会得到一个名为ts-react的目录,让我们进入目录运行一下吧
cd ts-react
yarn start
执行完该命令后会自动打开浏览器访问http://localhost:3000。
相关文章
- 转职成为TypeScript程序员的参考手册
- 快速转 TypeScript 指南
- 怎么运行Typescript
- 极简TypeScript教程--高级类型
- Angular TypeScript开发环境集成jQuery扩展插件
- TypeScript tsconfig.json(TypeScript配置)
- TypeScript 解构
- TypeScript的变量声明
- TypeScript开篇:尝点新鲜和甜头
- react项目Bug:组件销毁清除监听(Can't perform a React state update on an unmounted component.)
- React实践:Vite创建React项目、react事件传递参数的两种方式
- 试着用React写项目-利用react-router解决跳转路由等问题(二)