React----项目搭建

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

回到顶部