为了让新手能快速入门前端技术,写了该系列文章,本篇主要讲搭建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
,一切的开始都从这里开始,所以这个是代码执行的源头。