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
顺利的话我们的项目初始化就完成了,服务运行起来之后,将会自动打开网页。
