React----项目搭建
一、说在前面的话
React系列随笔将记录我在使用React的过程中的点点滴滴。如有错误,请及时通知我。每篇随笔,会在开始“写在前面的话”介绍文章的内容。
本文主要是记录如何搭建一个react项目.本随笔比较简单,可以忽略
已安装NodeJs 和Npm了
二、创建项目
运行命令:
npx create-react-app webapp_name
如果在命令结尾加上 --typescript则会创建一个以TS语言为基础的react项目。
注,若生成以TS版本为基础的react 项目,则当安装对应的项目依赖,如安装lodash的时候,除了需要lodash依赖,还需要安装对应的ts声明@types/lodash. 一般依赖包对应ts版本的声明是@types/依赖包名称
三、运行项目
在命令行输入:
npm start
即可执行,然后在浏览器中打开http://localhost:3000 即可看到react默认的模板项目啦
四、调试项目
这一节这里主要简单说明一下,后续会专门的随笔记录react调试。
调试的三种方式:
console.log
react-dev-tools
chrome 的react开发者工具
以上是 React----项目搭建 的全部内容, 来源链接: utcz.com/z/381268.html