快速搭建 React 的Demo

1,831 阅读1分钟

为了让新手能快速入门前端技术,写了该系列文章,本篇主要讲搭建React环境及demo相关知识。

快速搭建 React 的Demo

使用 create-react-app 快速构建 React 开发环境

create-react-app 是来自于 Facebook,通过该命令我们无需配置就能快速构建 React 开发环境。

create-react-app 自动创建的项目是基于 Webpack + ES6 。

一、依次在终端执行以下命令创建项目:

$ npm install -g create-react-app 
$ create-react-app my-app
$ cd my-app/ 
$ npm start

二、在Google浏览器中打开 http://localhost:3000/ ,结果如下图所示:

三、项目的目录结构如下:

manifest.json 指定了开始页面 index.html,一切的开始都从这里开始,所以这个是代码执行的源头。

参考文档:

React菜鸟文档

React中文文档

使用 React 开发新项目

在现有项目中添加 React