React学习-基础项目搭建及环境配置

欢迎加入qq群(IT-程序猿-技术交流群)：757345416

React简介：

React 起源于 Facebook 的内部项目，因为该公司对市场上所有 JavaScript MVC 框架，都不满意，就决定自己写一套，用来架设Instagram 的网站。做出来以后，发现这套东西很好用，就在2013年5月开源了。

下面我们开始搭建环境：

1、npm 安装 create-react-app工具，其可以自动地在本地目录中创建react项目。

npm install -g create-react-app

等待其安装，全局安装create-react-app脚手架工具，然后就可以使用命令创建新的react项目。

2、安装完成后继续运行以下命令：

create-react-app my-new-app

默认安装在用户目录下，可随意更换目录，安装成功后目录结构如下：

node_modules用于存放项目的依赖包，也就是构建这个React项目可能会用到的工具
public文件夹中是 index.html存放目录，也就是React根页面的所在地
src中用于存放js文件，也就是项目开发中的主要区域
package.json用于记录项目信息，以及外部依赖包的导入信息等
json文件不能直接打开，需要用到文本编辑器
然后，在安装目录运行cmd命令,部署npm，以及导入react-dom依赖包

npm init //注释：一直回车即可（此注释不可以粘贴走噢）

在该目录下导入react和react-dom

npm install --save react react-dom

react路由，以后会用到

npm install --save  react-router-dom

然后就可以通过 npm start 来启动项目，自动弹出localhost:3000的网页窗口，内容如下：

关闭项目方法：
1、直接关闭CMD窗口
2、Ctrl+C ，输入Y后退出
3、按两次Ctrl+C

现在，我们已经完成了基本的React项目搭建，可以开始React项目开发之路啦，之后会陆续更新React相关文章，希望此文章对你的学习有帮助。