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开发者工具