React的学习之路（一）项目初始化

前端项目搭建

1.准备工作

1.1 了解脚手架 create-react-app。

1.2 安装node.js

安装node.js 官方网站在这里: 点击，推荐使用LTS（Long-term support ）版本，比较稳定。安装完成node.js后，会同时帮助我们安装完成npm管理工具。此时，打开命令窗口验证：

1.3 安装react脚手架

运行下面命令创建react脚手架

npm install -g create-react-app

输入

create-react-app --version

若出现版本号输出，则表明安装成功

2.创建React项目

2.1进入创建的项目目录

命令窗口进入项目目录，注意命令窗口需要以管理员身份打开，否则可能会出现创建失败的情况。

2.2执行创建项目命令

继续在窗口执行下面命令

create-react-app 项目名

运行完成且不报错，说明我们的项目已经创建完成，接下来就是验证运行项目了。

2.2运行项目

首先，进入项目目录。
其次执行下面命令：

npm start

顺利的话我们的项目初始化就完成了，服务运行起来之后，将会自动打开网页。