react中文官网如图所示。在中文官网 https://reactjs.bootcss.com/ 中也有入门教程。

1.首先,要安装 Node.js 及 NPM 。
具体参考之前的文章:Nodejs安装和环境配置
2. 安装react的脚手架。
npm install -g create-react-app

3. 安装好之后,输入create-react-app,可以看到已经安装成功:

4.创建React项目
切换到需要存放项目文件的路径,然后键入命令:
create-react-app demo
这里的create-react-app是创建命令,demo是你要创建的项目的名称,项目名称是自定义的。

到这里已经算是创建成功了
5. 运行项目
切换到项目根目录,运行命令:
npm start或者npm run start

运行后可以在浏览器直接看到效果:

拓展:
初次创建React项目,一般选择使用脚手架工具cerate-react-app完成,使用该脚手架工具生成React项目一般存在以下问题:
- 生成项目后,脚手架为了“优雅”,隐藏了所有的webpack相关的配置文件,此时查看生成的文件夹目录,会发现找不到任何webpack配置文件;如果我们需要在webpack中安装一些自己的loder或者plugin变的很困难;
- create-react-app自动生成的webpack中集成了:eslint(代码检测)、url-loader(图片BASE64 [小于10000kb的图片])、babel-loader(ES6和JSX语法解析)、style-loader、css-loader(CSS代码解析)、HtmlWebpackPlugin(产出HTML插件)等内容;
- 仅仅是安装了react中最常用的 react / react-dom 组件,其余的并没有安装,所以在项目开发中,我们根据需要,可能还会安装:redux react-redux react-router-dom prop-types 等等。
应用脚手架工具生成的项目文件结构如下图所示:

├── README.md 项目介绍
├── package.json npm包配置文件,里面定义了项目的npm脚本,依赖包等信息
├── package-lock 上线锁定版本信息
├── gitignore 这个是git的选择性上传的配置文件
├── src 源码目录 这个目录里边放的是我们开放的源代码
│ ├── App.css
│ ├── App.js 这个文件相当于一个方法模块,也是一个简单的模块化编程
│ ├── App.test.js
│ ├── index.css
│ ├── index.js 这个就是项目的入口文件
│ ├── serviceWorker.js 这个是用于写移动端开发的,PWA必须用到这个文件,有了这个文件,就相当于有了离线浏览的功能。
├── public 公共文件,里边有公用模板和图标等一些东西
├── favicon.ico : 这个是网站或者项目的图标,一般在浏览器标签页的左上角显示
├── index.html : 首页的模板文件,我们可以试着改动一下,就能看到结果。
├── mainifest.json:移动端配置文件。
Very good article! We are linking to this particularly great article on our site. Keep up the great writing. Paula Drud Dulciana
Thank you very much, Yalonda! Good to see you here. Philomena Homer Minardi
There is definately a lot to find out about this subject. I like all the points you have made. Jerrilee Burr Landahl
amazing post